{{r.name}}{{r.note}}
iOS · A{{r.labA}}
Avicasa{{r.hello}}Stay in Style,
Live in Comfort
{{r.heroPh}}
{{r.stay}}P.1502
{{r.stayM}}
{{r.order}}{{r.drying}}
{{r.orderM}}
{{r.roomPh}}
iOS · B{{r.labB}}
{{r.roomA}}
Superior{{r.left2}}
{{r.supM}}
{{r.from}}{{r.price}}
{{r.roomB}}
Deluxe{{r.left1}}
{{r.dlxM}}
{{r.hTitle}}{{r.hSub}}
{{r.accFrom}}{{r.book}}
Android · C{{r.labC}}
Avicasa{{r.hello}}Stay in Style, Live in Comfort
{{r.stay}}P.1502
{{r.stayM}}
{{r.order}}{{r.drying}}
{{r.orderM}}
{{r.roomPh}}
Android · D{{r.labD}}
{{r.hTitle}}{{r.hSub}}
{{r.roomA}}
Superior{{r.left2}}
{{r.supM}}
{{r.from}}{{r.price}}
{{r.roomB}}
iOS 26 · Liquid Glass
Vùng đáy là một hàng flex cao 64 px, cách mép 14 px: thanh tab co giãn và nút Tìm 56 px cố định, khoảng cách 10 px.
Thanh tab chia 5 cột bằng nhau (khoảng 59 px mỗi cột ở khổ 390). Viên kính tab đang chọn luôn bằng đúng ô, không phụ thuộc độ dài chữ.
Khi cuộn: thanh tab thu về một nút tròn 56 px chỉ có icon tab đang chọn (không nhãn, nên không bao giờ cắt chữ), thanh phụ chiếm phần còn lại, nút Tìm giữ nguyên. Không dùng toạ độ tuyệt đối giữa các khối.
Android · Material 3
Thanh điều hướng 80 px chia 5 cột bằng nhau (72 px ở khổ 360); viên chỉ báo cố định 64 × 32.
Top app bar: tiêu đề và dòng phụ một dòng, cắt bằng dấu "…" khi dài; nút 48 px cố định hai bên.
Nút nổi mở rộng tối đa 220 px, không xuống dòng.
Quy tắc chữ cho mọi ngôn ngữ
Nhãn tab một dòng, không xuống dòng; dài quá thì cắt "…" và nhấn giữ hiện tên đầy đủ (iOS Large Content Viewer).
Nhãn tab tối đa 10 ký tự. VI: Trang chủ · Đặt phòng · Giặt là · Ưu đãi · Tài khoản. EN: Home · Stay · Laundry · Offers · Account.
Badge, giá và nút không co lại; tiêu đề thẻ co và cắt "…" trước. Cỡ chữ hệ thống lớn: nhãn tab giới hạn 1,2 lần.