Foodnoms

Bảng màu

Thương hiệu

• Ember Orange #ff5406 — 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.

Trung lập

• Graphite #2f2f2f — Văn bản chính, các nút màu tối (biểu tượng App Store) và đường viền biểu tượng. Màu chủ đạo không phải màu trắng trong tiêu đề và văn bản chính.
• Verdant Green #00b33f — Màu xanh lá cây đó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.
• Signal Red-Orange #ff3400 — Một tông màu ấm thứ cấp, hiển thị rõ trong các yếu tố giao diện người dùng trên màn hình ứng dụng và các yếu tố nhận diện thương hiệu liên quan. Ấm hơn một tông so với màu Cam Than, nó nhấn mạnh trạng thái ứng dụng được chọn hoặc đang hoạt động.
• Sky Blue #00a9dd — Tạo nên sự tương phản dễ chịu với các danh mục dữ liệu nội bộ của ứng dụng (carbohydrate/protein/các nhóm chất dinh dưỡng khác). Cân bằng bảng màu ấm áp, chủ đạo trong bố cục điện thoại.
• Mist Blue #72a2c5 — Màu nhấn dịu mát - Làm dịu màu xanh da trời cho các nhãn dữ liệu bổ sung và nền biểu đồ trong ứng dụng.
• Sunset Orange #ff6d00 — Một tông màu ấm áp cho các tiêu đề phụ và văn bản được tô sáng trên các trang tiếp thị.

Kiểu chữ

Từ 12 đến 60px · 7 bước

• Aquawax Pro Medium — thay thế: Inter · phác thảo 500 · Aquawax Pro Medium - Được tìm thấy trong dữ liệu trích xuất nhưng không được AI mô tả.
• Aquawax Pro — thay thế: Nunito Sans · phác thảo 700, 500, 600 · Phông chữ thương hiệu chính được sử dụng trong mọi ngữ cảnh, bao gồm tiêu đề và nội dung chính. Phông chữ được thiết kế riêng này có chiều cao chữ rộng, hình dạng hình học bo tròn và tỷ lệ cân đối. Phông chữ đậm (700) được sử dụng cho tiêu đề và các phần – những điểm nhấn về mặt kiểu chữ của hệ thống. Phông chữ bán đậm (600) được sử dụng cho tiêu đề phụ và nhãn nút ở kích thước 14–1,8 mm. Phông chữ trung bình (500) được sử dụng cho nội dung chính ở kích thước 17–1,8 mm, với khoảng cách dòng đủ rộng 1,6–1,8 mm để dễ đọc.
• System sans-serif — thay thế: Inter · phác thảo 400, 700 · Một tùy chọn dự phòng được sử dụng cho văn bản và biểu tượng có kích thước rất nhỏ trong giao diện người dùng. Phông chữ Aquawax Pro không được sử dụng ở kích thước siêu nhỏ; phông chữ hệ thống sẽ xử lý các kích thước này để giảm trọng lượng hiển thị.

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

Phong cách tương tự

• Slite — Một cuốn sổ tay bằng giấy da ấm áp với tay cầm bằng đất nung - mọi bề mặt đều là giấy mịn màng, mỗi điểm nhấn đều mang một chút sắc cam tinh tế.
• Adora — Bảo tàng trường phái Ấn tượng nằm sau lớp kính mờ.
• Bento — Một hộp cơm bento đặt trên tấm lót sàn linoleum dưới ánh nắng mặt trời. Một lưới các tấm thẻ tròn, giống như nhãn dán, với các màu xanh lá cây nhạt, tím nhạt, xanh coban và đỏ tía, mỗi tấm được viền bằng mực đen đậm, nằm trên một tấm vải lanh màu kem ấm áp bên dưới một tiêu đề hình học nổi bật.
• Payments — Sắc cam tươi tắn nổi bật trên nền tím hoàng gia. Màu tím điện đậm gợi lên bầu trời đêm, trong khi những điểm nhấn màu vàng chanh lấp lánh như vỏ cam tươi trên nền trắng tinh khiết.
• Textla — Niên giám thực vật Sunny Retro - Trang giấy màu vàng kem in trên nền xanh đậm với hình minh họa các loài xương rồng được thể hiện bằng các bóng đổ sắc nét, lệch nhau.
• AI for Business — Phòng trưng bày theo phong cách kiến trúc thô mộc với tông màu xám ấm áp.
• Superhuman — ban biên tập giờ vàng
• Visitors — bản vẽ kỹ thuật màu trắng
• Vercel — Thiết bị đầu cuối được in trên giấy trắng.
• Jeton — Bài xã luận về công nghệ tài chính trên Warm Marble
• Say Briefly — Sổ phác thảo của công ty sáng tạo, in trên giấy màu kem.
• 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.