Brand Design System / 001Design is not decoration.
Design is not decoration.
It creates order.
From color and typography to information hierarchy, keep the visual language consistent across media.
01 / INTROColor Lab
Start with one base color,build a usable color system.
COLOR AS AN INTERACTIVE DESIGN SYSTEM.
Bring scales, neutrals, semantic roles, accessibility, and real-world applications into one design decision system.
02 / CONTROL
Base Color
BASE COLOR
#5B6CFF
COLOR LOGIC
03 / SYSTEM
Complete Color System
FROM SCALE TO SEMANTICSBuild a stable scale and neutral system first, then assign colors to real interface roles.
Design Roles
CORE PALETTEStacked Palette Browser
POINTER WAVE / CLICK TO COPYPerceptual Scale
50—950 / HEX · RGB · HSLBrand Neutrals
TINTED NEUTRALSSemantic Colors
SEMANTIC ROLES04 / APPLICATION
Put Color into Real Content
LIVE APPLICATIONWhen the base color changes, backgrounds, text, cards, buttons, states, data, and borders update together.
Visual Research / Design MethodAugust 23, 2026
White space is not empty.
It defines
the rhythm of reading.
Today's OverviewProjects are moving forward steadily
2026.08.2305 / DETAIL
Judge, Don't Just Generate
DECISION & ACCESSIBILITYTest the system with real color relationships, WCAG relative luminance, and practical usage guidance.
06 / EXPORT
Take the System with You
DESIGN HANDOFFCopy it into design software, frontend variables, or a Design Tokens workflow without creating an extra file system.