Chessvn.org — Logo Concept (Open Source)

Showcase

16 tông trung tính dịu mắt, sắp xếp từ hơi tối → hơi sáng. Không gắt, không chói — tối ưu cho đọc docs và code dài.

Obsidian

Basalt

Graphite

Steel

Storm

Pewter

Slate

Dusk

Ash

Silver

Fog

Cloud

Mist

Pearl

Linen

Quartz

Brand Palette

High contrast system — White Quartz base, Teal identity, Deep Blue heritage link to chessvn.com ecosystem.

White Quartz — Background

#FAFBFC

#F2F5F8

#E8EDF2

#DEE5EC

Primary background — minimal eye strain for extended reading

Teal / Cyan — Identity

#14B8A6

#0D9488

#0F766E

#115E59

#134E4A

Yin-yang & accent — trust, transparency, open source spirit

Deep Blue — Heritage Link

#004281

#003060

Buttons & links — connects .org back to the chessvn.com ecosystem

Text — High Contrast

#1a1a2e

#374151

#6B7280

Heading → body → muted — WCAG AAA contrast on white

Readability

API docs, source code, installation guides — optimized for clarity. Deep Blue buttons link back to the main ecosystem.

Light Mode — Documentation

Getting Started with Chessvn

Install the core library and start exploring the mystical game mechanics that make Chessvn truly unique.

# Install via npm npm install @chessvn/core # Or clone the repository git clone https://github.com/chessvn/core

Dark Mode — Code

Getting Started with Chessvn

Install the core library and start exploring the mystical game mechanics that make Chessvn truly unique.

# Install via npm npm install @chessvn/core # Or clone the repository git clone https://github.com/chessvn/core

Brand Application

Docs Header

Chessvn

chessvn.org · open source

Banner — Teal

Chessvn

open source

Deep Blue — Brand Link

Chessvn

chessvn.org

Favicon / Icon

32

48

64

96

Ecosystem

Same geometry, different identity — three environments sharing one soul.

.com Production

.net Staging

.org Open Source

Scalability

20

36

56

80

120

180