v2.0.0 · LDK Personal Brand DS
Design System
LDK V1 — Dark Minimal. Single source of truth for leduykhuong.com. All components, tokens, and page templates in one place.
Base Palette
Background
--ldk-bg
Surface
--ldk-surface
Surface 2
--ldk-surface-2
Surface 3
--ldk-surface-3
Border
--ldk-border
Text
--ldk-text
Muted
--ldk-muted
Muted Light
--ldk-muted-light
Accent (Amber)
--ldk-accent
Code BG
--ldk-code-bg
Semantic Status Colors
Success
--ldk-success
Warning
--ldk-warning
Error
--ldk-error
Info
--ldk-info
Pillar Colors
AI / Agentic
--pillar-ai
Leadership
--pillar-leadership
Dev Productivity
--pillar-devprod
Being & Future
--pillar-being
Typography
--ldk-font-serif · Fraunces · Headings, editorial
The Agentic Era
Section Heading H2
Subheading H3
Article excerpt — italic. Fraunces italic is distinctive and literary.
--ldk-font-mono · JetBrains Mono · Labels, nav, meta, code
leduykhuong.com
2026-03-06 · 8 min read · 🇺🇸 English
Section Label · Uppercase Mono
--ldk-font-sans · Inter · Body text, descriptions
Reflections on AI systems, engineering leadership, developer productivity, and building in the age of agents.
Smaller body text at 0.875rem — used for post excerpts, card descriptions, and secondary content.
Spacing Scale (8px base)
Border Radius
sm
2px
md
4px
lg
8px
xl
12px
full
9999px
Theme Variants
v1 — Dark Minimal
#0d0d0d bg + amber accent. Chosen for leduykhuong.com.
v2 — Light Editorial
Warm clay #ede8e0 + near-black text. Toggle in Header.
v3 — Bold Magazine
High-contrast, stark Vercel/Linear aesthetic.
LDK Personal Brand DS v2.0.0 · leduykhuong.com