Flying Papers

Bảng màu

Thương hiệu

• Dusk Violet #8584bd — Màu nền chính và phông nền chính là sân khấu mà trên đó tất cả các màu sắc khác xuất hiện.
• Hi-Vis Yellow #f4ed36 — Màu vàng được sử dụng để làm nổi bật các đường viền hành động, nhãn liên kết và các yếu tố tương tác. Không nên sử dụng màu vàng làm màu chủ đạo cho các lời kêu gọi hành động.
• Buttery Yellow #f9cc73 — Việc bổ sung thêm văn bản trên màn hình và đường viền mềm mại hơn mang đến một cách tiếp cận tinh tế hơn đối với màu phản quang trong những trường hợp mà màu phản quang quá mức sẽ gây phản cảm.
• Lilac Shadow #61609a — Nền của các thẻ và khối có màu tím đậm hơn, phù hợp với các bề mặt lồng nhau trên nền tím.

Trung lập

• Bubblegum Pink #f8c1ba — Các đường viền trang trí và điểm nhấn bằng giấy vụn có màu hồng ấm áp, được sử dụng vừa phải để tạo điểm nhấn màu sắc.
• Matcha Cream #b5c995 — Các đường viền trang trí và điểm xuyết bằng những hạt kim tuyến tạo nên sắc xanh nhạt cho các nhân vật phụ trên tấm thiệp.
• Magenta Punch #ac4f98 — Bề mặt bổ sung cho các thẻ nhấn âm - được thiết kế cho các khối hiệu ứng âm thanh cần phát ra lớn hơn âm thanh trên sân khấu.
• Firecracker Red #c94245 — Màu đỏ làm nổi bật nền, các đường kẻ trang trí và điểm nhấn nhẹ nhàng phía sau nội dung.
• Bone White #f9f5f2 — Viền mỏng, đường phân cách, đường viền trường nhập liệu và cạnh thẻ trên bề mặt sáng màu. Tránh sử dụng màu này làm màu chủ đạo cho các nút kêu gọi hành động.
• Ink Black #1a1a1a — Văn bản chính, đường viền chính và đường viền nút có màu gần như đen, thường được sử dụng trong thiết kế chữ trên nền kem.

Kiểu chữ

Từ 10 đến 341px · 8 bước

• ObviouslyVariable — thay thế: Founders Grotesk Condensed · phác thảo 800, 900 · Bộ phông chữ này dành cho tiêu đề và chữ in cỡ lớn, là phông chữ duy nhất đủ nổi bật cho hệ thống này. Kích thước dao động từ 18px cho văn bản chính đến 341px cho áp phích. Khoảng cách dòng hẹp từ 0,80–1,00 cho phép các tiêu đề nhiều dòng được hiển thị dưới dạng các khối màu đặc; chức năng Calt bị vô hiệu hóa, do đó các hình học rộng vẫn giữ nguyên không bị chỉnh sửa. Các lựa chọn thay thế: Founders Grotesk Condensed, Knockout hoặc Druk Wide.
• DegularVariable — thay thế: Inter · phác thảo 400 · Văn bản giao diện người dùng siêu nhỏ — điều hướng, văn bản chân trang siêu nhỏ và nhãn nội tuyến ở mức 10px. Một phông chữ trung tính, linh hoạt, hòa quyện liền mạch với văn bản chính. Các phông chữ thay thế: Inter, IBM Plex Sans.
• bergen_monoregular — thay thế: JetBrains Mono · phác thảo 400, 600 · Phông chữ đơn cách (monospaced microfont) dùng cho điều hướng, thẻ và nhãn dữ liệu nhỏ tạo nên nhịp điệu như máy đánh chữ trên màn hình bo tròn. Khoảng cách dòng 0,80 trong phông chữ đơn cách là một đặc điểm nổi bật: phông chữ đơn cách được sắp xếp chặt chẽ tạo cảm giác như một hóa đơn. Các lựa chọn thay thế: JetBrains Mono, IBM Plex Mono.

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

Phong cách tương tự

• 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.
• Hatch — Một thiết kế vẽ tay theo phong cách samizdat kết hợp với những chiếc bát kẹo màu pastel. Một tấm giấy màu kem được trang trí bằng những điểm nhấn màu bạc hà, những chấm confetti và những lời kêu gọi hành động hình viên thuốc, nơi một phông chữ serif lớn, đậm gợi lên sự vui nhộn, và một linh vật màu xanh nháy mắt ở góc.
• Wonder — Trung tâm chỉ huy màu tím neon là một không gian tối sẫm màu mận chín, được xuyên thấu bởi một nguồn sáng laser màu tím duy nhất.
• Duolingo — Hình ảnh linh vật lớp học ngộ nghĩnh trên giấy trắng.
• Family — Một trang minh họa từ truyện cổ tích trên giấy da màu kem.
• Visitors — bản vẽ kỹ thuật màu trắng
• Say Briefly — Sổ phác thảo của công ty sáng tạo, in trên giấy màu kem.
• Superpower — Trung tâm quản lý sức khỏe phát quang sinh học
• Dopper — Một đầm phá trắng mịn ngập tràn ánh nắng với dòng chảy màu xanh lam rực rỡ. Một vùng nước rộng lớn màu be ấm áp, nơi một con kênh màu xanh sáng duy nhất và những viên gạch trong suốt như kẹo cắt ngang không gian như ánh nắng trên mặt nước.
• Dock — Giấy màu kem ánh nắng, Cobalt Pulse
• Portrait — Một bức tường kỷ niệm, được ghi lại bằng những bức ảnh Polaroid trên giấy màu kem. Một cuốn sổ lưu niệm màu kem tươi sáng, nơi mực xanh đậm là chữ viết duy nhất, đường kẻ duy nhất và màu khung duy nhất—với một cầu vồng vẽ tay duy nhất xuất hiện một lần, trên nút "Đăng ký" và trên từ "mãi mãi" được in nghiêng, và không bao giờ xuất hiện nữa.
• 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.