Huly

Bảng màu

Thương hiệu

• Electric Iris #5683da — Hình nền chính, chỉ báo điều hướng hoạt động và điểm nhấn cực quang nổi bật—màu tím xanh rực rỡ trên nền đen tuyền—tạo ấn tượng về sự tương tác hơn là hoạt động doanh nghiệp.
• Ember Pulse #ff8964 — Một điểm nhấn phụ, một vùng cực quang ấm áp, một điểm báo hiệu và một điểm nổi bật minh họa—một sắc hổ phách phá vỡ sự đơn điệu của màu xanh lam và thêm sự ấm áp cho chùm sáng.

Trung lập

• Obsidian Canvas #303236 — Nền trang, bề mặt chủ đạo, có màu gần như đen với một chút sắc ấm, là môi trường tiêu chuẩn cho tất cả nội dung.
• Void #090a0c — Lớp bề mặt sâu nhất dành cho các hiệu ứng chuyển màu trên màn hình chính, nền cửa sổ bật lên và các khung hình cần hòa quyện vào khung vẽ.
• Charcoal Card #111111 — Các bề mặt được nâng cao làm bằng bìa cứng và các tấm ván, được đặt cao hơn mặt vải bạt một bậc.
• Slate Edge #4a4b50 — Các đường viền và đường phân chia tinh tế trên bề mặt tối màu.
• Iron Veil #6b6c6d — Nền mờ cho các thẻ, màu nền của mục danh sách và màu nền bị vô hiệu hóa.
• Smoke #95979e — Các đường viền biểu tượng, văn bản bổ sung và các điều khiển không hoạt động là những yếu tố làm việc chính với màu xám trung bình.

Kiểu chữ

Từ 11 đến 80px · 8 bước

• Inter — thay thế: DM Sans · phác thảo 300, 400, 500, 600, 700 · Tất cả văn bản chức năng trong giao diện người dùng—văn bản chính, điều hướng, nút bấm, mục danh sách, nhãn và tiêu đề nhỏ—đều sử dụng cỡ chữ 500–600 để nhấn mạnh, 400 cho văn bản chính và 300 (sử dụng tiết kiệm) cho siêu dữ liệu không gây chú ý.
• Esbuild — thay thế: Sora · phác thảo 400, 500, 600 · Chỉ dùng để hiển thị: tiêu đề trang, tiêu đề phần và tiêu đề bài viết MetaBrain. Hình dạng thu gọn và khoảng cách chữ hẹp tạo ấn tượng rằng cỡ chữ 84px phù hợp hơn cho công việc biên tập hơn là các dự án SaaS. Không bao giờ sử dụng cỡ chữ dưới 28px.

Khoảng cách và hình thức

Phong cách tương tự

• monday — Xưởng màu trắng với những hình dán màu pastel.
• 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.
• Supahub — Ánh sáng dịu nhẹ trên sườn núi tím. Một bức tranh chủ yếu màu trắng, thoáng đãng được chiếu sáng bởi một mặt trời tím rực rỡ duy nhất, với những quả cầu chuyển màu trang trí tràn ngập sắc màu vào không gian trống và hình học bo tròn rộng rãi tạo cho mỗi bề mặt một cảm giác nặng nề dễ chịu, hữu hình.
• Raycast — Trung tâm chỉ huy nửa đêm, màu san hô neon
• Dimension — một không gian làm việc ngập ánh sáng hoàng hôn với các tấm kính mờ.
• Wiza — Đài quan sát thăm dò khoáng sản lúc hoàng hôn, được bao phủ bởi màn sương màu tím nhạt.
• Paste — Một chiếc đèn lồng màu hổ phách trên nền đá cẩm thạch trắng - logo chuyển màu ấm áp của thương hiệu lơ lửng trong không gian trắng rộng lớn, giống như ô cửa sổ duy nhất được chiếu sáng trong một tòa nhà phủ đầy tuyết.
• Reworkd — Ánh sáng ban ngày dịu nhẹ trên sơ đồ sản phẩm là màu sắc duy nhất tự nói lên tất cả, đó là nút hành động và tiêu đề chuyển màu phía trên nó.
• Reflect Notes — Không gian tím sao lấp lánh là một đài quan sát tối tăm, nơi những nốt nhạc trôi nổi như các chòm sao trên nền khoảng không màu chàm gần như đen kịt.
• Ameba — Phòng điều khiển lúc nửa đêm – một luồng ánh sáng xanh điện bên trong các tấm kính mờ.
• Todoist — Một không gian làm việc ngập tràn ánh nắng với cuốn sổ tay – chiếc bàn màu kem ấm áp, những ghi chú bằng mực, một cây bút đỏ.