Framer

Bảng màu

Thương hiệu

• Vivid Violet #0066ff — Nút thao tác chính là vị trí duy nhất trong giao diện có nền màu đặc.

Trung lập

• Bone #ffffff — Tiêu đề chính, văn bản chính trên nền tối, chỉ có nền nút là nguồn sáng.
• Void #000000 — Toàn bộ trang, từ nền điều hướng, bề mặt thẻ, đến màu nền biểu tượng—tất cả đều có màu đen vô tận, nuốt chửng mọi nội dung không cần thiết.
• Graphite #111111 — Các bề mặt thẻ nổi là một bước tiến vượt bậc so với khoảng trống – những tấm thẻ lớn, có chức năng và các vật chứa đa dạng.
• Obsidian #171717 — Bề mặt trung gian dành cho các nút, thẻ bổ sung, các yếu tố giao diện người dùng - tách biệt các phần tử tương tác khỏi khung vẽ.
• Slate #242424 — Khi di chuột qua, các trường nhập liệu và các bảng thụt lề sẽ hiển thị màu trung tính sáng nhất trước khi chuyển sang định dạng văn bản.
• Ash #333333 — Tô đậm hình ảnh cho các hình nền không hoạt động và các yếu tố cấu trúc.

Kiểu chữ

Từ 12 đến 68px · 8 bước

• sans-serif — thay thế: Inter · phác thảo 400 · sans-serif - được tìm thấy trong dữ liệu đã trích xuất nhưng không được AI mô tả.
• GT Walsheim — thay thế: Inter Tight · phác thảo 500 · Phông chữ dùng cho tiêu đề và tựa đề là phông chữ thương hiệu. Nó được thu gọn mạnh mẽ, với khoảng cách dòng từ 0,8–1,1 và khoảng cách chữ từ -0,04em đến -0,05em trong phạm vi 44–68px. Nó không phải là yếu tố trang trí; sự ấm áp về hình học của GT Walsheim, kết hợp với các thông số nghiêm ngặt, tạo nên giọng điệu của hệ thống—tự tin, gọn gàng và hơi hướng tương lai. Để có biểu hiện hình học tương tự, hãy cân nhắc Inter Tight hoặc Space Grotesk Bold.
• Inter Variable — thay thế: Inter · phác thảo 400 · Văn bản chính, điều hướng và các tiêu đề phụ là những thành phần chính. Trục biến đổi Inter cho phép nội suy trọng lượng một cách mượt mà. Khoảng cách giữa các ký tự thu hẹp khi kích thước tăng lên: từ -0.001em đến 18px và từ -0.027em đến 22px. Phiên bản biến đổi cho phép tạo hiệu ứng hoạt ảnh nhỏ mượt mà trên trang web. Thay thế: Inter ( Google) – một phương án dự phòng gần như giống hệt.

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

Phong cách tương tự

• Auros — Trạm đầu cuối dưới đáy biển với các quả cầu dữ liệu phát quang sinh học.
• Origin Financial — Một không gian tĩnh lặng, sang trọng giữa đêm khuya. Một căn phòng yên tĩnh, gần như tối tăm, nơi những phông chữ serif lớn và một vài tấm bảng màu được chiếu sáng tạo nên cảm giác rằng tài chính là một tác phẩm nghệ thuật được tuyển chọn kỹ lưỡng.
• 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ờ.
• 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ờ.
• Branding — Tường trưng bày màu đen, điểm nhấn màu đỏ máu - Những dòng chữ trắng lớn nổi bật trên nền tối, tạo cảm giác như một khoảng không vô định, bị gián đoạn bởi một điểm nhấn màu đỏ tươi và các yếu tố trang trí nổi bật, trông giống biển hiệu phòng trưng bày hơn là giao diện web.
• Harness — Trung tâm điều khiển nhiệm vụ lúc nửa đêm với điểm nhấn màu xanh lục phát quang.
• Koto — Phòng trưng bày Obsidian lúc nửa đêm. Một sân khấu gần như tối đen như mực, nơi nguồn sáng ấm áp duy nhất là một chiếc bút dạ màu vàng, và những dòng chữ cô đọng trôi nổi trong không gian trống trải rộng lớn như những tấm áp phích triển lãm.
• Ohzi — Một khối lập phương phát sáng lơ lửng trong một phòng trưng bày tối.
• Depot — Màn hình máy chủ tối đen. Giao diện điều khiển dành cho nhà phát triển gần như đen kịt, với một đèn LED màu xanh lá cây duy nhất báo hiệu bắt đầu công việc, và phần còn lại của giao diện người dùng được hiển thị bằng màu than chì.
• Maciej Zadykowicz — Phòng trưng bày Midnight Gallery, với bức tranh tường rực rỡ sắc màu, là một không gian studio gần như đen kịt, nơi một tác phẩm nghệ thuật chữ viết sống động, đầy màu sắc thu hút sự chú ý trong khi mọi thứ khác vẫn giữ vẻ tĩnh lặng và trang trọng.