
Superpower
Trung tâm quản lý sức khỏe phát quang sinh học
Superpower thể hiện một lời hứa lâm sàng nghiêm túc trong một giao diện người dùng đậm chất điện ảnh và giàu cảm xúc: những bức ảnh tối màu, trải rộng toàn màn hình, chuyển tiếp liền mạch sang các bề mặt nội dung màu trắng sắc nét, trong khi một điểm nhấn màu cam rực rỡ như bình minh lan tỏa khắp hệ thống. Kiểu chữ đại diện cho thương hiệu—một kiểu chữ sans-serif hình học đặc trưng với khoảng cách chữ âm tối thiểu, có thể điều chỉnh từ 11px cho siêu dữ liệu đến 66px cho hiển thị, với khoảng cách dòng được thu nhỏ khi kích thước tăng lên (1.00 cho hiển thị, 1.40–1.50 cho văn bản chính). Một thanh điều hướng hình viên nang tối màu nổi phía trên các hình ảnh, và các lời kêu gọi hành động hình viên nang tạo ra sự cân bằng giữa độ chính xác lâm sàng và năng lượng ấm áp, tràn đầy sức sống. Các bề mặt chủ yếu là phẳng—hệ thống dựa vào nhiều khoảng trắng, các đường phân cách màu kẽm tinh tế và một kiểu đổ bóng nhẹ nhàng thay vì độ nổi bật mạnh mẽ. Màu sắc được sử dụng tiết kiệm: hầu hết mọi thứ đều là đen, trắng hoặc xám kẽm, với màu cam chỉ xuất hiện như các dấu chấm câu chức năng trong các hành động và thương hiệu.
Hình ảnh chính nổi bật với một bức ảnh điện ảnh toàn màn hình – hình bóng một người trước nền trời xanh ngọc lam đậm; hình ảnh được cố ý làm tối và u ám để tạo chiều sâu cảm xúc và tương phản với lời hứa về sức khỏe. Các hình ảnh phụ hẹp hơn, gọn gàng hơn, mang phong cách chụp sản phẩm (thẻ thành viên màu cam vân đá cẩm thạch, ảnh chụp màn hình ứng dụng) thay vì ảnh phong cách sống. Không có hình minh họa, không có hình ảnh 3D, không có đồ họa trừu tượng – sự tương phản về hình ảnh chính là bản sắc thị giác. Thẻ thành viên được trang trí bằng họa tiết vân đá cẩm thạch/đèn dung nham hữu cơ với tông màu bình minh – yếu tố trang trí thị giác duy nhất. Các biểu tượng có bán kính đường kẻ 7,5px (hình vuông bo tròn mềm mại) với những nét vẽ tinh tế bằng màu đen Carbon.
Bảng màu
Thương hiệu
- Sunrise Coral
#fc5f2b— Màu cam được sử dụng như một điểm nhấn phụ cho các chi tiết trang trí và để làm nổi bật những tín hiệu không thường xuyên xuất hiện. Không nên sử dụng màu cam làm màu chủ đạo cho các lời kêu gọi hành động. - Coral Glow
#ff8b64— Điểm nhấn chuyển màu kết hợp với màu Sunrise Coral tạo nên thiết kế trang trí cho thẻ thành viên.
Trung lập
- Carbon Black
#18181b— Văn bản chính, nền thanh điều hướng nổi, tiêu đề, đường viền biểu tượng. - Pure Black
#000000— Logo, biển hiệu chữ, khung có độ tương phản cao - Zinc Gray
#71717a— Văn bản chính, mô tả bổ sung, siêu dữ liệu ẩn, văn bản phụ trợ. - Ash Gray
#a1a1aa— Văn bản cấp ba, đường viền không hoạt động, trạng thái bị vô hiệu hóa - Mist Gray
#e4e4e7— Các đường viền mảnh, đường viền thẻ, đường phân chia, khung nút. - Fog Gray
#f4f4f5— Các vết lồi lõm nhỏ trên bề mặt, nền mờ, hình ảnh được chồng lên một lớp lưới.
Kiểu chữ
Từ 11 đến 66px · 8 bước
- NB International Pro — thay thế: Inter Tight · phác thảo 400, 700 · Mọi thứ—thiết kế, tiêu đề, nội dung chính, giao diện người dùng và điều hướng—đều được tích hợp liền mạch. Giải pháp đặc trưng là khoảng cách chữ âm cực hẹp, có thể điều chỉnh tùy thuộc vào kích thước (từ -0,025em đến 66px cho nội dung chính nhỏ), kết hợp với khoảng cách dòng thu hẹp khi kích thước tăng lên, tạo cho tiêu đề một mật độ dày đặc, giống như áp phích, giúp Superpower nổi bật so với các đối thủ cạnh tranh nhẹ cân hơn trong lĩnh vực công nghệ y tế.
- NB International Mono Pro — thay thế: JetBrains Mono · phác thảo 400 · Siêu dữ liệu dạng bảng, chú thích văn bản siêu nhỏ, nhãn kỹ thuật được sử dụng hạn chế trong những trường hợp cần phương pháp tiếp cận lâm sàng/thiết bị.
Khoảng cách và hình thức
| Mục đích | Nghĩa |
|---|---|
| Tỉ trọng | trung bình |
| Bước cơ bản | 11px |
| Bán kính nút | 9999px |
| Bán kính thẻ | 15px |
| Bóng tối | không - viền thay vì bóng |
| Giữa các phần | 75px |
| Chiều rộng trang | 1200px |
AI sẽ xây dựng trang web của bạn theo phong cách Superpower 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ự
- Visitors — bản vẽ kỹ thuật màu trắng
- Dock — Giấy màu kem ánh nắng, Cobalt Pulse
- Flying Papers — Lời thú tội trong phim hoạt hình sáng thứ Bảy
- Quizlet — Lớp học được trang trí với nhiều màu sắc khác nhau trên nền trắng - một chiếc bàn yên tĩnh, phía sau đó là bốn tấm thẻ màu pastel là điểm nhấn tươi sáng duy nhất trên nền tường xám lạnh và một vết mực duy nhất được viết bằng bút dạ màu chàm.
- ON.energy — Biển báo cảnh báo điện áp cao màu vàng trên nền thép đen.
- Navigate — Một bộ nhãn dán lớn được dán trên một tấm bảng: phông chữ lớn, kỳ dị, tất cả đều có hình dạng máy tính bảng và năm biểu tượng nhiều màu sắc, lặp lại như một logo.
- Linear — dụng cụ chính xác lúc nửa đêm
- Pop Site — Một không gian trưng bày kiểu chữ ấn tượng – những dòng chữ đen khổng lồ nổi bật trên nền tường trắng, với một chấm xanh duy nhất thể hiện ý đồ.
- Hyperstudio — Họa tiết được khắc trên đá obsidian. Chữ viết và những đường nét tinh tế bao quanh một khoảng trắng trên nền đen tuyền, điểm xuyết những vạch la bàn vàng chỉ hướng.
- Pa'lais — Một cuốn sổ phác thảo thực vật, như thể được ngâm trong mật ong. Giấy màu kem, hình minh họa đường nét họa tiết toile de Jouy màu xanh lam và những điểm nhấn màu sắc ấm áp gợi nhớ đến một cuốn sách công thức nấu ăn thủ công, trong khi phông chữ đậm, cô đọng và nhiều khoảng trắng mang lại cảm giác hiện đại, mang tính biên tập.
- Raus — Một cuốn nhật ký ấm cúng được viết trên giấy màu kem—mỗi trang giống như một tấm bưu thiếp từ khu rừng.
- Privy — Một bài xã luận được vẽ bằng mực trên đá cẩm thạch. Bề mặt đá cẩm thạch trắng, các tiêu đề chữ đen có chân được nén chặt, một dải băng màu tím duy nhất vắt ngang phía trên – sự kiềm chế như một biểu hiện của quyền lực.