HTML/CSS - 29

swstack < 1 min read

HTML/CSS - 29: Building a Design System

Learn how to create a consistent, professional design system with tokens, components, and documentation.

✦ HTML Editor

▶ Live Output

👀 Show Solution

:root {
  --primary: #00ff9d;
  --bg: #000;
  --surface: #111;
  --text: #00ff9d;
}

.btn-primary {
  background: var(--primary);
  color: #000;
}

.card {
  background: var(--surface);
  border: 2px solid var(--primary);
}