Visual Design Basics

📌 Planned placeholder page: this page is reserved for "Visual design basics: layout grids & 4/8px spacing, semantic color systems, type scale & typography, hierarchy principles and brand consistency". The content will be filled in progressively.

Planned Content

• [ ] Layout: 12-column grids, 4/8px spacing units, whitespace discipline
• [ ] Color: neutral/brand/semantic layers, contrast-first selection, 60-30-10, HSL tuning
• [ ] Typography: modular type scale, line height/width rules, Chinese–Latin mixing
• [ ] Visual hierarchy: contrast / proximity / alignment / repetition
• [ ] Brand consistency via tokens and components (links to UI & Design System)

Next Steps

• [ ] Complete this page item by item against the planning checklist in the Domain Overview
• [ ] Add runnable examples and pitfall records for each entry
• [ ] Change the status from "Planned" to "Collected" when done

For writing guidelines, please refer to the Writing Guide.