Scout Blue
--color-scout-blue
Bảng màu VINASIG
Mã màu chính xác cho nhận diện VINASIG. Chọn một ô màu để sao chép mã Hex, hoặc tải bảng màu để dùng trong dự án của bạn.
Bảng màu lấy cảm hứng từ Minecraft.
Màu nhận diện
Năm màu gắn với biểu tượng và tên VINASIG. Các mã màu này giữ nguyên theo tài sản gốc.
Thinker Orange
--color-thinker-orange
Builder Green
--color-builder-green
Auditor Red
--color-auditor-red
Core Graphite
--color-core-graphite
Màu bổ trợ
Các màu mở rộng để dùng khi cần thêm sắc thái bên cạnh màu nhận diện.
Đất sét
--color-palette-clay
Nghệ tây
--color-palette-saffron
Đầm xanh
--color-palette-lagoon
Tím
--color-palette-violet
Xanh trời
--color-palette-sky
Màu trung tính
Các màu sáng và tối để phối với màu nhận diện.
Sứ
--color-palette-porcelain
Sương
--color-palette-fog
Đá
--color-palette-stone
Đá phiến
--color-palette-slate
Mực
--color-palette-ink
Giấy
--color-palette-paper
Màu đậm
Các sắc độ đậm để lựa chọn theo ngữ cảnh sử dụng.
Chàm đậm
--color-palette-indigo-deep
Rừng đậm
--color-palette-forest-deep
Đại dương đậm
--color-palette-ocean-deep
Rượu vang đậm
--color-palette-burgundy-deep
Mận đậm
--color-palette-plum-deep
Hổ phách đậm
--color-palette-amber-olive-deep
Coban đậm
--color-palette-cobalt-deep
Đồng cỏ đậm
--color-palette-meadow-deep
Băng đậm
--color-palette-glacier-deep
Hồng đậm
--color-palette-rose-deep
Lan đậm
--color-palette-orchid-deep
Nắng đậm
--color-palette-sunlight-deep
Chanh đậm
--color-palette-citron-deep
Cách sử dụng
Chọn màu chữ và màu nền theo ngữ cảnh sử dụng. Hãy kiểm tra độ tương phản của cặp màu trước khi dùng.
Độ tương phản
Văn bản thông thường cần độ tương phản ít nhất 4.5 theo WCAG 2.2 AA. Ví dụ, chữ trắng trên Scout Blue đạt yêu cầu này. Scout Blue trên sắc độ đậm của chính nó không đạt. Hãy kiểm tra cặp màu thực tế trước khi sử dụng.
Nguồn và lựa chọn
Hai dự án Brand Assets và Web Design System dùng chung tên, mã Hex và token CSS. Bảng có 16 màu gốc, 30 sắc độ đậm và 45 mã Hex khác nhau.
Tài sản gốc
Logo, font Space Grotesk và tài liệu nguồn có trong kho lưu trữ. Khi dùng font, hãy giữ thông báo giấy phép đi kèm. Màu và logo VINASIG tuân theo chính sách sử dụng thương hiệu.