Màu sắc
Màu sắc Coddy
Một màu thương hiệu duy nhất: Coddy Blue. Magenta thuộc về Bugsy. Mọi màu khác đều mang một ý nghĩa trong sản phẩm, nên không bao giờ xuất hiện chỉ để trang trí.
Thương hiệu
Hai màu có tên riêng
Coddy Blue dành cho logo, Bit, liên kết và điểm nhấn. Bugsy Magenta chỉ dành cho Bugsy và gia sư AI.
Coddy Blue
Màu thương hiệu duy nhất. Logo, wordmark, Bit, điểm nhấn.
Coddy Blue trên nền tối
Cùng sắc xanh, được làm sáng hơn cho nền tối.
Bugsy Magenta
Bugsy và các tính năng gia sư AI. Không dùng ở đâu khác.
Sản phẩm
Những màu mang ý nghĩa
Người học đọc các màu này như tín hiệu. Cam là streak, vàng là điểm số. Hãy giữ đúng ý nghĩa của chúng.
Streak
Ngọn lửa streak và những khoảnh khắc streak hằng ngày.
Điểm số
XP, điểm số, xu và gem.
Năng lượng
Tia sét năng lượng và giới hạn hằng ngày.
Pro
Coddy Pro và các tính năng cao cấp.
Thành công
Test đã qua, bài học đã xong, câu trả lời đúng.
Tim
Tim và lượt chơi.
Đóng băng streak
Streak đóng băng cứu một ngày bị lỡ.
Giao diện
Nút và liên kết
Nút của chúng tôi nằm trên một lớp bóng tối hơn, lún xuống khi bạn chạm. Thử xem.
Xanh nút bấm
Nút chính trên web, giao diện sáng.
Bóng nút
Cạnh lún bên dưới màu xanh nút bấm.
Xanh đậm
Nút phụ và liên kết.
Xanh nút bấm, giao diện tối
Nút chính trên nền tối.
Nền
Sáng và tối
Trắng tinh hoặc xanh rất nhạt, nhiều khoảng trống, một điểm nhấn. Chế độ tối là màu than ấm, không bao giờ đen tuyền.
Trắng
Nền của giao diện sáng.
Sương
Thẻ và các bề mặt phụ trên nền sáng.
Trời nhạt
Các phần trang giới thiệu màu xanh nhạt.
Than
Nền của giao diện tối.
Than chì
Thẻ trên nền tối.
Trình soạn thảo
Nền của trình soạn thảo code.
Dải chuyển màu
Hai bầu trời
Light Sky
Phần mở đầu và những khoảnh khắc lớn trên nền sáng.
Dark Sky
Cùng ý tưởng ấy, sau khi hoàng hôn buông xuống.
Dễ đọc
Độ tương phản đạt chuẩn
Coddy Blue là một sắc xanh tươi sáng, vui mắt. Rất hợp cho hình minh họa và điểm nhấn, nhưng quá sáng cho chữ trắng cỡ nhỏ. Đây là điểm số của các cặp màu thường gặp.
Câu hỏi thường gặp
Câu hỏi về màu sắc
Màu thương hiệu của Coddy là gì?
Coddy Blue, #29ABE2. Trên nền tối, website làm sáng màu này thành #34B4E4.
Vì sao Bugsy có màu khác?
Magenta cho bạn biết gia sư AI đang lên tiếng. Màu này thuộc về Bugsy và các tính năng của Bugsy, nên không bao giờ xuất hiện ở nơi khác.
Mình có thể dùng màu cam streak hay vàng điểm số trong thiết kế của mình không?
Chỉ khi đúng ý nghĩa của chúng. Trong Coddy, cam là streak và vàng là điểm số, nên dùng chúng để trang trí sẽ khiến người học bối rối.
Bạn đang viết về Coddy?
Thông tin, nhà sáng lập và liên hệ báo chí có trên trang báo chí. Xem bộ tài liệu báo chí
