Wise
Lớp rêu dày bao phủ một lớp đá vôi cứng cáp. Những tia sáng đá vôi lấp lánh trên nền rừng gần như đen kịt, và những hình thù đồ sộ, góc cạnh báo hiệu mọi chuyển động.
Phông chữ Wise thể hiện sự tự tin, hơi mạnh mẽ: màu xanh lá cây đậm (#163300) chiếm phần lớn diện tích bề mặt—văn bản, điều hướng, các phần tối, biểu tượng—trong khi một màu xanh lá chanh tươi sáng (#9fe870) đóng vai trò là dấu chấm câu chức năng trên các lời kêu gọi hành động, các tab đang hoạt động và các yếu tố chính. Phông chữ này gần như mang tính chất mạnh mẽ: Wise Sans với độ dày đường kẻ 900, được sắp xếp dày đặc, nổi bật với các chữ cái lớn (trên 100px) trên màn hình chính. Phần còn lại của hệ thống vẫn giữ vẻ kín đáo trên nền trắng nhạt với các bề mặt màu xám mềm mại (#e8ebe6). Các thành phần có hình dạng viên thuốc theo mặc định—nút bấm, các đoạn điều hướng, hình thu nhỏ hộp kiểm, mặt nạ hình ảnh—với bán kính nhỏ (10px) dành riêng cho thẻ và trường nhập liệu. Hiệu ứng chuyển màu rất hiếm; thay vào đó, sự kết hợp giữa màu xanh lá cây đậm và xanh lá cây rừng thay đổi mượt mà khi các phần tối dần, tạo ra một nhịp điệu mà không cần trang trí quá mức.
Một vùng chứa có chiều rộng tối đa 1200px, được căn giữa, với phần trên cùng và phần tối trải rộng toàn bộ chiều rộng của trang. Bố cục tiêu đề có một tiêu đề lớn, được căn giữa trên nền trắng, với một hình minh họa lớn (quả địa cầu) kéo dài ra ngoài cạnh dưới của khung nhìn. Nhịp điệu của các phần xen kẽ giữa màu trắng, xanh lá nhạt và một phần tối màu "mực rừng", tạo nên một nhịp điệu màu sắc tự nhiên. Bố cục nội dung chủ yếu được căn giữa: các khối văn bản và hình ảnh trong hai cột ở trên cùng, hoặc các hàng với các yếu tố chính trong ba cột ở các phần phụ. Một lưới năm cột với cờ được sử dụng để hiển thị danh sách các quốc gia. Thanh điều hướng là một thanh trên cùng cố định duy nhất với một nút chuyển đổi phân đoạn. Mã QR vẫn cố định ở góc dưới bên phải ở mọi vị trí cuộn.
Những hình minh họa 3D mô tả quả địa cầu với những đồng tiền vàng tạo nên thế giới hình ảnh của thương hiệu—có cảm giác xúc giác, hơi siêu thực, được thực hiện với các sắc độ mềm mại và ánh sáng ấm áp. Nhiếp ảnh theo phong cách tối giản; khi được sử dụng, nó mang màu sắc tươi sáng và tự nhiên. Quốc kỳ được trình bày dưới dạng hình thu nhỏ hình tròn trong một lưới năm cột—hệ thống "biểu tượng" duy nhất là bản sắc quốc gia. Không có yếu tố đồ họa trừu tượng, không có mẫu chuẩn. Quả địa cầu và những đồng tiền là mô típ lặp đi lặp lại của linh vật, báo hiệu tầm ảnh hưởng toàn cầu thông qua một vật thể duy nhất, ấm áp, lạc quan, chứ không phải là một bức tranh ghép.
Bảng màu
Thương hiệu
- Forest Ink
#163300— Phong cách tối màu đặc trưng của thương hiệu—văn bản điều hướng, nền các phần tối màu, văn bản chính trên nền sáng, đường viền biểu tượng và các yếu tố điều hướng được tô đầy—chính là điểm mạnh của nó: bất cứ khi nào cần sự mạnh mẽ hoặc uy quyền, bạn sẽ chọn Forest Ink. - Lime Voltage
#9fe870— Màu xanh lá cây đượ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 các truy vấn tìm kiếm ít được sử dụng hơn. Không nên sử dụng nó làm màu chủ đạo cho các lời kêu gọi hành động. - Spruce
#054d28— Màu xanh lá cây đậm thứ cấp được sử dụng cho bề mặt thẻ, các biểu tượng nhỏ và để tạo chiều sâu cho các vùng tối nơi màu Forest Ink quá đậm.
Trung lập
- Linen Mist
#e2f6d5— Một sắc xanh lá nhạt dùng để tạo điểm nhấn mềm mại trên bề mặt, nền thẻ có màu và hiệu ứng rê chuột trên thanh điều hướng. Một sắc xanh đặc trưng tinh tế cho các yếu tố thiết kế container kín đáo. - Signal Blue
#0b4c72— Màu xanh lam đóng vai trò như một điểm nhấn bổ sung cho các chi tiết trang trí và để nhấn mạnh các tần số thấp. - Alarm Red
#cb272f— Màu đỏ đóng vai trò là điểm nhấn hỗ trợ cho các chi tiết trang trí và làm nổi bật những màu sắc khác thường. Hãy sử dụng nó như một điểm nhấn hỗ trợ, chứ không phải là màu sắc thể hiện địa vị. - Charcoal
#454745— Nội dung chính, văn bản chính, giao diện người dùng phong phú - một màu đen hơi ấm, tạo cảm giác mềm mại hơn so với màu #000 thuần túy trên nền trắng. - Obsidian
#0e0f0c— Tiêu đề, tiêu đề có độ tương phản cao, các yếu tố màu đen tuyền trong thanh điều hướng và menu chính. Màu đen hơi ngả xanh lục, không phải màu xám trung tính. - Pebble
#868685— Văn bản phụ, văn bản giữ chỗ, đường viền biểu tượng và đường viền trường nhập liệu được làm mờ. Màu xám trung bình, trải dài về phía xa.
Kiểu chữ
Từ 12 đến 105px · 10 bước
- Inter — thay thế: Inter (native Google Fonts) · phác thảo 400,500,600,700 · Văn bản chính, giao diện người dùng, chú thích và tiêu đề phụ xuyên suốt sản phẩm. Phông chữ có độ đậm 700 được sử dụng cho các tiêu đề cấp trung (36–45px), 500–600 cho tiêu đề phụ và chú thích, và 400 cho văn bản chính và chú thích. Phông chữ Inter mang lại vẻ ngoài tinh tế hơn, trong khi Wise Sans mang lại vẻ ngoài đậm hơn.
- Wise Sans — thay thế: Inter Black (900) with -0.04em tracking · phác thảo 900 · Tiêu đề là tấm danh thiếp của một thương hiệu. Phông chữ siêu đậm 900 với khoảng cách giữa các chữ cái từ 89–105px và độ giãn cách chữ hẹp biến mỗi tiêu đề thành một quảng cáo nổi bật, mạnh mẽ. Chúng được sử dụng một cách tiết kiệm: làm văn bản chính, tiêu đề phần và điểm nhấn của chiến dịch.
- monospace — thay thế: Inter · phác thảo 400 · Khoảng cách đơn - được tìm thấy trong dữ liệu đã trích xuất nhưng không được AI mô tả.
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 | 8-12px |
| Bán kính nút | 9999px |
| Bán kính thẻ | 10px |
| Bóng tối | không - viền thay vì bóng |
| Giữa các phần | 64-80px |
| Chiều rộng trang | 1200px |
AI sẽ xây dựng trang web của bạn theo phong cách Wise 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ự
- Integrated Biosciences — phòng thí nghiệm phát quang sinh học lúc nửa đêm
- Huly — Ánh sáng cực quang tại Đài quan sát Midnight - nhân vật chính là một chùm tia sáng tím thẳng đứng chuyển dần sang màu san hô, và mỗi phần tĩnh lặng bên dưới đều mượn câu chuyện hai tông màu tương tự nhưng được kể với giọng điệu trầm lắng hơn.
- Dia Browser — Không gian phòng tối để trưng bày tranh ảnh hòa quyện với một tòa soạn báo. Khung cảnh tối đen như mực hé lộ một trang báo ngập tràn ánh nắng, mỗi phần được đánh dấu bằng một tiêu đề có chân chữ.
- Mintlify — Một khu vườn mây phía trên chiếc bàn kính. Bầu trời vẽ tay và hình ảnh tư liệu được đóng khung cùng nhau—nơi duy nhất mà màu sắc và ý tưởng giao thoa trước khi trang giấy chìm vào gam màu trắng tĩnh lặng.
- Gleap — Một không gian làm việc được trang trí bằng tông màu kem ấm áp với điểm nhấn màu than chì—một studio nơi những chấm mực đen mờ dường như lơ lửng trên nền vải lanh.
- ClickUp — Một bảng điều khiển mạnh mẽ trên nền đá cẩm thạch trắng. Trang này là một tài liệu quảng cáo sản phẩm cho một công cụ năng suất, vì vậy ngôn ngữ hình ảnh được lấy cảm hứng từ chính sản phẩm đó: danh sách dày đặc, chỉ báo trạng thái, nhóm hình đại diện và các câu chữ in đậm trông giống như một bản mô tả sản phẩm được trưng bày.
- monday — Xưởng màu trắng với những hình dán màu pastel.
- Portal — Twilight Serif Editorial - Một bài viết cao cấp trên tạp chí độc lập, được thiết kế theo phong cách iOS.
- Slack — Sân khấu có màu tím cà với ánh đèn trắng. Sắc mận đậm chiếm ưu thế ở những khu vực tối, trong khi phông nền màu trắng nhạt giúp những dòng chữ lớn, mang phong cách tiên phong, được thể hiện một cách tự do.
- Base44 — Sổ tay dưới ánh nắng mặt trời với bút dạ màu xanh lá cây.
- Letters — Một cuộc hẹn buổi sáng tại một phòng khám ngoài trời - một chiếc bàn trắng tinh dưới trần nhà màu xanh nhạt, ngổn ngang những dụng cụ phẫu thuật màu xanh lam.
- Duolingo — Sân chơi xanh với các vạch kẻ dày.