Trưng bày — 10 cách thiết kế header

Mỗi option dưới đây là một hướng tiếp cận khác nhau cho khu vực tiêu đề, tabs trạng thái, và toolbar tìm kiếm/filter của trang Trưng bày. Phần dưới mỗi card render thử 4 bộ vest mock để cảm nhận tổng thể.

Option 01 Tiemen baseline — hairline tabs, soft polish Title serif lớn, subtitle xám, tab underline bordeaux, search + 2 filter inline trailing.

Trưng bày

5 bộ · hiển thị trên f2f.vn/journal#/collection
Tất cả 5
Đã đăng 5
Nháp 0
Đã ẩn 0
Mọi sự kiện
Mọi loại sản phẩm
Bordeaux Soirée
bordeaux-soiree · Tiệc cưới
Đã đăngVest 3 mảnh
Saigon Midnight
saigon-midnight · Gala
Đã đăngTuxedo
Hanoi Charcoal
hanoi-charcoal · Công sở
Đã đăngVest 2 mảnh
Ivory Ceremony
ivory-ceremony · Tiệc cưới
Đã đăngTuxedo trắng
Option 02 Shopify Admin — utility-first, dense bar Title compact, tabs với count badge tròn, search full-width và icon-buttons cạnh phải.

Trưng bày

5 bộ · f2f.vn/journal#/collection
Tất cả 5
Đã đăng 5
Nháp 0
Đã ẩn 0
+ Lưu view
Bordeaux Soirée
bordeaux-soiree · Tiệc cưới
Đã đăng
Saigon Midnight
saigon-midnight · Gala
Đã đăng
Hanoi Charcoal
hanoi-charcoal · Công sở
Đã đăng
Ivory Ceremony
ivory-ceremony · Tiệc cưới
Đã đăng
Option 03 Linear — dark, compact, keyboard-first Header ngắn gọn 1 dòng, segmented control thay vì tabs, mọi action có shortcut.

Trưng bày

5 bộ · /journal#/collection
⌘ K F
+ Sự kiện + Loại sản phẩm
Bordeaux Soirée
bordeaux-soiree · Tiệc cưới
Đã đăng
Saigon Midnight
saigon-midnight · Gala
Đã đăng
Hanoi Charcoal
hanoi-charcoal · Công sở
Đã đăng
Ivory Ceremony
ivory-ceremony · Tiệc cưới
Đã đăng
Option 04 Notion — emoji-like icon, drag-friendly properties row Title to + ô icon, dòng "properties" thay subtitle, view-tabs inline, action ẩn dưới hover.
T

Trưng bày

📍 f2f.vn/journal#/collection 📦 5 bộ 📅 Cập nhật hôm nay
⌕ Tìm ⚙ Filter ↕ Sort
Bordeaux Soirée
bordeaux-soiree · Tiệc cưới
Đã đăng
Saigon Midnight
saigon-midnight · Gala
Đã đăng
Hanoi Charcoal
hanoi-charcoal · Công sở
Đã đăng
Ivory Ceremony
ivory-ceremony · Tiệc cưới
Đã đăng
Option 05 Apple Music — hero artwork + sticky filter bar Khu vực hero lớn với "album art" giả lập, segmented control + search pill ở thanh dưới.
Bộ sưu tập · 2026

Trưng bày

5 bộ · hiển thị trên f2f.vn/journal#/collection
Mọi sự kiện
Mọi loại sản phẩm
Bordeaux Soirée
bordeaux-soiree · Tiệc cưới
Đã đăng
Saigon Midnight
saigon-midnight · Gala
Đã đăng
Hanoi Charcoal
hanoi-charcoal · Công sở
Đã đăng
Ivory Ceremony
ivory-ceremony · Tiệc cưới
Đã đăng
Option 06 Net-a-Porter — luxury fashion editorial, centered crest Ribbon đen on top, crest tiêu đề căn giữa với "rule" mạ vàng, tabs all-caps mảnh phía dưới.
Une maison du soir
— Bộ sưu tập trưng bày —

Trưng bày

F · 2 · F
5 bộ · hiển thị trên f2f.vn/journal#/collection
Tất cả · 5 Đã đăng · 5 Nháp · 0 Đã ẩn · 0
⌕ Tìm Sự kiện ▾ Loại sản phẩm ▾
Bordeaux Soirée
bordeaux-soiree · Tiệc cưới
Đã đăng
Saigon Midnight
saigon-midnight · Gala
Đã đăng
Hanoi Charcoal
hanoi-charcoal · Công sở
Đã đăng
Ivory Ceremony
ivory-ceremony · Tiệc cưới
Đã đăng
Option 07 Stripe Dashboard — data-dense KPI strip as tabs Stats biến thành 4 ô KPI lớn, ô active có viền bordeaux dưới; filter row phía dưới.
Atelier  /  Trưng bày

Trưng bày

Tất cả
5bộ
Đã đăng
5bộ
Nháp
0bộ
Đã ẩn
0bộ
Sự kiện: tất cả Loại sản phẩm: tất cả Sắp xếp: mới nhất
Bordeaux Soirée
bordeaux-soiree · Tiệc cưới
Đã đăng
Saigon Midnight
saigon-midnight · Gala
Đã đăng
Hanoi Charcoal
hanoi-charcoal · Công sở
Đã đăng
Ivory Ceremony
ivory-ceremony · Tiệc cưới
Đã đăng
Option 08 Editorial magazine — display serif, asymmetric grid Tiêu đề serif 84px, lead paragraph trái; stats numéraire bên phải; tabs serif italic phía dưới rule.
— No. 01 · Atelier journal

Trưng bày

Bộ sưu tập đang hiển thị công khai trên f2f.vn/journal. Mỗi mẫu được giới thiệu như một bài luận thị giác — vải, dáng, dịp mặc.

Tổng số bộ05
Đang hiển thị05
Bản nháp00
Đã ẩn00
SECTIONS  ·  FILTERS
Bordeaux Soirée
bordeaux-soiree · Tiệc cưới
Đã đăng
Saigon Midnight
saigon-midnight · Gala
Đã đăng
Hanoi Charcoal
hanoi-charcoal · Công sở
Đã đăng
Ivory Ceremony
ivory-ceremony · Tiệc cưới
Đã đăng
Option 09 Mobile-first — chip filters + scroll-snap tabs Layout cột hẹp 520px, FAB tròn bordeaux thay button text, tabs cuộn ngang, chip filter dưới search.

Trưng bày +

5 bộ · f2f.vn/journal#/collection
Tất cả 5
Đã đăng 5
Nháp 0
Đã ẩn 0
Sắp ra mắt 2
Sự kiện: tất cả ✕
Loại: tất cả ✕
+ Vải
+ Giá
+ Mùa
Bordeaux Soirée
Tiệc cưới
Đã đăng
Saigon Midnight
Gala
Đã đăng
Hanoi Charcoal
Công sở
Đã đăng
Ivory Ceremony
Tiệc cưới
Đã đăng
Option 10 Two-row sticky — search prominent above tabs Row 1: title + search lớn + CTA. Row 2: tabs + filter dropdowns, sticky khi cuộn.

Trưng bày

5 bộ · f2f.vn/journal#/collection
Tất cả 5
Đã đăng 5
Nháp 0
Đã ẩn 0
Mọi sự kiện
Mọi loại sản phẩm
Sắp xếp: mới nhất
Bordeaux Soirée
bordeaux-soiree · Tiệc cưới
Đã đăng
Saigon Midnight
saigon-midnight · Gala
Đã đăng
Hanoi Charcoal
hanoi-charcoal · Công sở
Đã đăng
Ivory Ceremony
ivory-ceremony · Tiệc cưới
Đã đăng

F2F · Trưng bày — 10 design explorations · 2026-05