Slush
Thế giới bơm hơi của các hình dán trên giấy màu pastel
Slush hoạt động như một cuốn album dán sticker: một tấm giấy màu pastel, những dải ruy băng màu xanh dương tươi sáng, to và dày, cùng vô số sticker rực rỡ được rải rác như hoa giấy. Phông chữ lớn và thu gọn (Lateral 800 x 200–640px, khoảng cách dòng 0.75–0.80), khiến các từ trở thành những vật thể có hình khối hơn là những câu văn. Sáu màu sắc đặc trưng, phong phú đóng vai trò như một bảng màu sticker tổng thể—mỗi màu xuất hiện dưới dạng sticker được tô kín, bề mặt thẻ hoặc lớp trang trí, chứ không bao giờ là điểm nhấn riêng lẻ. Các thành phần được bo tròn mềm mại (20–40px trên thẻ, hình viên thuốc trên thanh điều hướng) và được viền đen để tạo hiệu ứng thủ công. Kết quả là một tác phẩm giống như một bức tranh ghép vật lý được ghim trên một bức tường màu sáng hơn là một trang đích fintech.
Bố cục trang có dạng cuộn toàn chiều rộng, không có thanh bên hoặc vùng chứa cố định. Văn bản cuộn và thanh điều hướng tối giản ở đầu trang (logo bên trái, thanh điều hướng ở giữa, nút kêu gọi hành động được tô đầy ở bên phải) vẫn nằm ở phía trên. Mỗi phần là một dải màu toàn chiều rộng (#dceeff → #ffffff → #cccccc) với văn bản bên hông được phóng to, căn giữa hoặc căn trái, được đóng khung bởi các dải ruy băng màu xanh 3D. Bố cục nội dung được thiết kế lỏng lẻo và giống như một bức tranh ghép, thay vì dựa trên lưới: các nhãn dán chồng lên văn bản, các dải ruy băng giao nhau phía sau văn bản và một thẻ QR được đặt lệch tâm trong một phần phụ. Nhịp điệu dọc khá rộng (khoảng cách 48px giữa các phần), nhưng bố cục ngang được thiết kế bất đối xứng một cách có chủ ý. Trang được đọc từ trên xuống dưới như ba dải màu lớn, mỗi dải là một áp phích độc lập.
Ngôn ngữ hình ảnh chủ đạo là những dải ruy băng màu xanh ba chiều – một họa tiết thương hiệu thống nhất bao gồm các hình ống phồng, sần sùi màu xanh điện, bao quanh hoặc che khuất văn bản tiêu đề trong mỗi phần. Các nhãn dán hai chiều trang trí (một tên lửa, một đồng xu vàng, một dấu tích màu xanh lá cây, một chiếc ví màu tím) trôi nổi xung quanh các tiêu đề như những hình cắt giấy được ghim vào một tấm bảng, mỗi hình đều có đường viền đen (1px). Không có bất kỳ bức ảnh nào. Không có lưới minh họa truyền thống – mọi thứ đều được ghép lại và sắp xếp bất đối xứng. Những dải ruy băng ba chiều tạo nên bầu không khí chính; các nhãn dán thêm vào nét vui tươi; phần còn lại là kiểu chữ và màu sắc.
Bảng màu
Thương hiệu
- Electric Blue
#4da2ff— Màu sắc chủ đạo của thương hiệu—những họa tiết ruy băng dày, hình nền, các họa tiết mờ trên thẻ—là dấu ấn thị giác đóng vai trò nền tảng cho mỗi màn hình.
Trung lập
- Carbon
#000000— Văn bản chính, khung thẻ, nền tô màu cho lời kêu gọi hành động và logo tạo nên hiệu ứng như một đường viền nhãn dán được cắt thủ công trên bề mặt màu pastel. - Paper White
#ffffff— Trang giấy vẽ trên vải bố, bề mặt bìa cứng, viền nút được tô kín, chữ trên nền tối. - Sky Wash
#dceeff— Hình nền phần chính, nền màu xanh nhạt pastel. - Concrete Gray
#cccccc— Phần nền thứ cấp, bề mặt trung gian trung tính - Soft Mist
#e9e9e9— Âm thanh nút bấm và bề mặt tinh tế, trạng thái bị vô hiệu hóa - Mint Pop
#55db9c— Màu xanh lá cây làm nổi bật nền, các sọc trang trí và điểm nhấn nhẹ nhàng phía sau nội dung.
Kiểu chữ
Từ 12 đến 640px · 7 bước
- Lateral — thay thế: Druk · phác thảo 800 · Chỉ có tiêu đề chính—logo "SLUSH" và các banner mục như "ALL THINGS SUI"—được hiển thị bằng phông chữ 200-640px với chiều cao dòng giảm xuống còn 0,75-0,80, khiến các chữ cái tạo thành những khối nổi. Đây là một phương pháp hiển thị phi truyền thống: không có trang web nào khác sử dụng phông chữ 800 point với chiều cao dòng nhỏ hơn 0,85, và hiệu ứng này khiến văn bản trông giống như một vật thể vật lý được bao bọc trong những dải ruy băng ba chiều.
- Aeonik Pro — thay thế: Inter · phác thảo 500, 700 · Toàn bộ giao diện người dùng, bao gồm văn bản chính, điều hướng, nút bấm và tiêu đề phụ. Độ dày 500 cho văn bản chính và siêu dữ liệu (12–16px), độ dày 700 cho tiêu đề phụ và nhãn điều hướng (24–30px), và tăng 64px cho tiêu đề phụ lớn với độ dày 700. Khoảng cách chữ hẹp (-0.010em) làm thu hẹp văn bản chính (14–16px); độ giãn nhẹ (0.030–0.032em) ở nhãn/nút điều hướng tạo ra "khoảng trắng" cho các điều khiển.
Khoảng cách và hình thức
| Mục đích | Nghĩa |
|---|---|
| Tỉ trọng | dày đặc |
| Bước cơ bản | 4-12px |
| Bán kính nút | 1600px |
| Bán kính thẻ | 20px |
| Bóng tối | không - viền thay vì bóng |
| Giữa các phần | 48px |
| Chiều rộng trang | 1440px |
AI sẽ xây dựng trang web của bạn theo phong cách Slush và điền đầy đủ thông tin vào đó.
- Đăng tải sản phẩm và bài viết qua các liên kết sau: Instagram, TikTok, Facebook.
- Chuyển nội dung từ trang web cũ của bạn—chỉ cần chỉ định địa chỉ.
- Thiết kế hiện đại trên nền tảng tốt nhất: React ( Next.js) với khả năng render phía máy chủ và tối ưu hóa SEO ngay từ đầu.
- Tối ưu hóa SEO hoàn toàn tự động cho kết quả tìm kiếm và đề xuất dựa trên mạng thần kinh.
Phong cách tương tự
- Cursor — Một xưởng làm giấy da ấm cúng, được thắp sáng bởi những than hồng đang cháy âm ỉ.
- MindMarket — Một cuốn sách truyện cổ tích ấm áp trên giấy màu kem - một bề mặt biên tập thân thiện, nơi những tiêu đề lớn của Inter và các nhân vật cắt giấy cùng tồn tại trên một bề mặt mềm mại, ngập tràn ánh nắng.
- Shop — Một chòm sao giao dịch nổi trên nền đá cẩm thạch trắng.
- Airbnb — Một bức tường trưng bày màu trắng tĩnh lặng với một chiếc bookmark màu đỏ san hô duy nhất.
- Superr — Một cuốn vở học sinh ấm áp dưới ánh nắng chiều dịu nhẹ. Một trang giấy màu kem, một cây bút dạ màu cam không có nắp, và một chồng nhãn dán tên được ép plastic đang chờ được bóc ra.
- Apple (España) — Dưới ánh sáng ban ngày dịu nhẹ, phòng trưng bày của bảo tàng là một không gian trắng tinh khôi, quyến rũ và nhẹ nhàng, mỗi hiện vật được chiếu sáng bằng đèn spotlight trên nền tường được phủ một lớp màu nhạt.
- Lamborghini — Màu sơn thân xe đen trong phòng trưng bày, dưới ánh đèn sân khấu - một chiếc xe màu vàng.
- Amplemarket — Một nơi làm việc ngập tràn ánh nắng mặt trời, điểm xuyết những mảnh giấy kim tuyến.
- Getharvest — Một chiếc bàn vào giờ hoàng hôn – một bức tranh màu kem ấm áp, những tấm bưu thiếp trắng treo trên tranh, và một ngọn lửa màu cam rực rỡ.
- Agence Foudre — Trang bìa của tạp chí có màu hồng nhạt, gợi nhớ đến màu son môi.
- Drive Capital — Poster phong cách retro cho chuyến đi đường dài, in trên giấy màu ấm.
- Apple (España) — tủ trưng bày màu trắng