Design System

Single source of truth for KYCUC LABS visual language, components, and patterns. Inspired by IBM Carbon, built with Astro + Tailwind v4.

T

Typography

Font stacks, type scale, heading styles, mono body, chromatic aberration.

 C

Colors

Full palette, semantic tokens, Tailwind scales, dark mode overrides.

 <>

Components

Buttons, cards, tables, bento grid, nav links — with copy-paste code.

 ◆

Icons

IBM Carbon + Lucide icon library, sizes, usage patterns.

 □

Illustrations

17 SVG isometric illustrations for dividers and decoration.

Content Patterns

25+ rich content formats for lab notes: quotes, grids, media.

 { }

Design Tokens

CSS custom properties reference: spacing, shadows, motion, radii.

 ☽

Dark Mode

Auto-switch, Saigon sunrise/sunset, manual toggle, persistence.