Style /01 · Thời trang
ATELIER
Website là một số tạp chí thời trang: masthead khổng lồ, ảnh bìa, lookbook như dải phim.
- Signature
- Lookbook kéo được, cả dải ảnh cong theo tốc độ tay kéo.
- Cảm xúc
- Khao khát
- Font
- Playfair · Epilogue
- Bảng màu
- #ece8e1
- #121110
- #9e1b32
- #6f6a63
- Thử tương tác
- Kéo dải lookbook · Lọc catalogue · Giỏ hàng trượt · Rê chuột xem hậu trường
- Cũng hợp với
- Trang sức · Mỹ phẩm cao cấp · Studio ảnh cưới · Nội thất boutique
- Thương hiệu
- Tơ Đêm (giả định)
Style /02 · Công nghệ / AI
SIGNAL
Tín hiệu từ nhiễu: trường sóng hỗn loạn duỗi thẳng khi người xem cuộn và rê chuột.
- Signature
- Trường sóng shader phản ứng theo chuột và cuộn.
- Cảm xúc
- Chính xác
- Font
- Geologica · JetBrains Mono
- Bảng màu
- #0a0c10
- #eef1f4
- #c6ff3d
- #8a93a0
- Thử tương tác
- Rê chuột làm phẳng sóng · Chạy thử luồng tự động hóa · Hàng tính năng xáo chữ
- Cũng hợp với
- Fintech · Phần mềm quản trị · Startup phần cứng · An ninh dữ liệu
- Thương hiệu
- MẠCH (giả định)
Style /03 · Dịch vụ chăm sóc
SERENE
Sương sớm phủ trang, tan dần dưới con trỏ, mọi chuyển động chậm như hơi thở.
- Signature
- Làn sương theo chuột trên ảnh hero.
- Cảm xúc
- An tâm
- Font
- Fraunces · Lexend
- Bảng màu
- #eef0ec
- #1f2a26
- #c98d78
- #a9b8ad
- Thử tương tác
- Rê chuột xua sương · Bài thở có hướng dẫn · Đặt lịch 4 bước
- Cũng hợp với
- Nha khoa · Phòng khám · Yoga / thiền · Chăm sóc thú cưng
- Thương hiệu
- SƯƠNG (giả định)
Style /04 · F&B
HEARTH
Gian bếp lúc tối, than hồng hắt sáng; món ăn hiện ra khi người xem lướt thực đơn.
- Signature
- Thực đơn: ảnh món bám theo con trỏ.
- Cảm xúc
- Thèm
- Font
- Noto Serif Display · Archivo
- Bảng màu
- #15110e
- #f3e9dc
- #ff5b1f
- #e0b25b
- Thử tương tác
- Rê chuột trên thực đơn · Đổi nhóm món · Giữ bàn
- Cũng hợp với
- Café / tiệm bánh · Bar · Fine dining · Chuỗi F&B
- Thương hiệu
- Than & Muối (giả định)
Style /05 · Truyền thông
BROADCAST
Website như một kênh đang lên sóng: REC, timecode, danh sách dự án như lịch phát.
- Signature
- Lịch phát: tên dự án xáo chữ, ảnh bám con trỏ.
- Cảm xúc
- Táo bạo
- Font
- Archivo · IBM Plex Mono
- Bảng màu
- #f1efea
- #0b0b0b
- #ff2d00
- #6b6965
- Thử tương tác
- Rê chuột trên lịch phát · Mở showreel · Mở rộng dịch vụ
- Cũng hợp với
- Agency quảng cáo · Production house · Podcast · Báo chí online
- Thương hiệu
- Tần Số (giả định)
Style /06 · Trung tâm tiếng Anh
PLAYGROUND
Sân chơi ngôn ngữ: sticker kéo được, kiểm tra trình độ là trò chơi, từ vựng là thẻ lật.
- Signature
- Sticker kéo thả có quán tính trên hero.
- Cảm xúc
- Vui
- Font
- Unbounded · Nunito · Patrick Hand
- Bảng màu
- #fff6e6
- #15153a
- #2f4bff
- #ffd23f
- Thử tương tác
- Kéo sticker · Kiểm tra trình độ 5 câu · Lật thẻ từ vựng · Đăng ký học thử
- Cũng hợp với
- Trung tâm kỹ năng / STEM · Mầm non · App học ngôn ngữ · Khu vui chơi
- Thương hiệu
- Bập Bênh English (giả định)
Style /07 · Tư vấn du học
VOYAGE
Mỗi section là một chặng bay, từ tấm vé đầu tiên tới ngày nhập học.
- Signature
- Đường bay tự vẽ theo cuộn, máy bay chạy theo đường.
- Cảm xúc
- Khát vọng
- Font
- Cormorant Garamond · Manrope
- Bảng màu
- #f4efe6
- #0f1f3d
- #c4382b
- #b08d57
- Thử tương tác
- Kéo dải điểm đến · Tích checklist hồ sơ · Đặt lịch tư vấn
- Cũng hợp với
- Công ty du lịch · Dịch vụ visa · Logistics quốc tế · Trường quốc tế
- Thương hiệu
- La Bàn (giả định)
Style /08 · Giáo dục
CAMPUS
Niên giám được biên tập kỹ: chương đánh số, chú thích bên lề, ảnh lớn yên tĩnh.
- Signature
- Một ngày ở trường: cuộn ngang theo kim đồng hồ.
- Cảm xúc
- Điềm tĩnh
- Font
- Literata · Inter Tight
- Bảng màu
- #f5f1e8
- #1b1f1a
- #1d4a33
- #b8932f
- Thử tương tác
- Cuộn qua một ngày học · Mở cấp học · Xem lịch sự kiện · Đăng ký tham quan
- Cũng hợp với
- Đại học / học viện · Trung tâm đào tạo · Thư viện / bảo tàng · Mầm non cao cấp
- Thương hiệu
- Rặng Thông (giả định)
