Duolingo

Bảng màu

Thương hiệu

• Eager Green #58cc02 — Màu xanh lá cây được dùng để làm nổi bật các liên kết, thẻ và cụm từ ngắn. Không nên sử dụng màu này làm màu chủ đạo cho các lời kêu gọi hành động.
• Storybook Green #d7ffb8 — Những điểm nhấn mềm mại trên bề mặt sáng màu, tông màu nền tinh tế phía sau các nhãn điều hướng ở chân trang.

Trung lập

• Spark Blue #1cb0f6 — Màu xanh lam được sử dụng để làm nổi bật các liên kết, thẻ và cụm từ ngắn. Không nên sử dụng màu này làm màu chủ đạo cho các lời kêu gọi hành động.
• Fresh Leaf #a5ed6e — Màu xanh lá cây được dùng để làm nổi bật các liên kết, thẻ và cụm từ ngắn. Không nên sử dụng màu này làm màu chủ đạo cho các lời kêu gọi hành động.
• Night Ink #000437 — Các liên kết, thẻ và cụm từ ngắn được tô sáng sẽ có màu tím.
• Paper White #ffffff — Trang giấy vẽ, bề mặt bìa cứng, chữ nút trên nền xanh lá cây/tối.
• Charcoal #4b4b4b — Tiêu đề chính và văn bản nội dung - Văn bản tối màu phổ biến giúp các tiêu đề màu nổi bật hơn.
• Pencil Gray #777777 — Các đoạn văn chính được làm nổi bật bằng các chữ cái không quá nổi bật, còn văn bản mô tả phụ được làm mờ đi, nhờ đó các yếu tố màu sắc nổi bật hơn.

Kiểu chữ

Từ 13 đến 64px · 7 bước

• feather — thay thế: Inter · phác thảo 700 · Các tiêu đề phần, chẳng hạn như "Miễn phí. Vui vẻ. Hiệu quả" và "Bài kiểm tra tiếng Anh Duolingo," được hiển thị bằng phông chữ bo tròn tùy chỉnh, mang đến cho thương hiệu phong cách vui tươi, thân thiện và giống như linh vật. Thay thế bằng "Feather Bold" hoặc "Nunito Black" với độ đậm phù hợp. Khoảng cách chữ: -0.0200em
• duolingo-sans — thay thế: Inter · phác thảo 500 · Các đoạn văn chính và liên kết điều hướng sử dụng cỡ chữ 17px/500—một phông chữ sans-serif hình học vẫn dễ đọc, cho phép độ dày đường kẻ 700 làm nổi bật các điểm quan trọng. Có thể thay thế bằng 'DIN Next', 'Inter' hoặc 'Nunito Sans'.
• duolingo-sans — thay thế: Inter · phác thảo 700 · Tất cả các giá trị độ dày chữ đều là 700: chữ cái viết hoa trong nhãn điều hướng là 15px (ls 0.0530em), tiêu đề phụ là 19px và 32px, và độ đậm của liên kết là 13px. Cùng một phông chữ với văn bản chính - sự khác biệt về mặt hình ảnh nằm ở độ dày, không phải thay đổi phông chữ. Khoảng cách giữa các chữ: 0.0530em cho chữ cái viết hoa trong nhãn điều hướng.

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

Phong cách tương tự

• Family — Một trang minh họa từ truyện cổ tích trên giấy da màu kem.
• Say Briefly — Sổ phác thảo của công ty sáng tạo, in trên giấy màu kem.
• Flying Papers — Lời thú tội trong phim hoạt hình sáng thứ Bảy
• 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.
• Karl — Một mô hình 3D dạng sách pop-up vào một ngày nắng đẹp.
• 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.
• Monte — Buổi sáng trên bờ biển với sắc màu hơi gỉ sét.
• MotherDuck — Nhà ga được mã hóa bằng bút chì màu trên giấy màu kem.
• Wise Design — Một quầy hàng đèn neon trên con phố toàn cầu—một tấm biển màu xanh lá cây sáng chói nổi bật giữa khu chợ đông đúc, trong khi phía sau nó, giao diện người dùng sản phẩm được trau chuốt hiện lên một cách kín đáo.
• 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.
• Superr — Một cuốn vở học sinh ấm áp dưới ánh nắng chiều dịu nhẹ. Một trang giấy màu kem, một cây bút dạ màu cam không có nắp, và một chồng nhãn dán tên được ép plastic đang chờ được bóc ra.
• Mews — Một trung tâm điều hành khách sạn lúc bình minh, ngập tràn sắc hồng. Một không gian làm việc tường trắng, ngập tràn ánh nắng, nơi những dòng chữ đen đậm, những tấm thẻ màu kem ấm áp và một nút bấm màu hồng rực rỡ định hình mỗi màn hình—một sự tự tin đầy tinh nghịch hơn là sự gò bó của môi trường doanh nghiệp.