Internal Reference

Design System

The visual language for usernameideas.online. Use these tokens and recipes to keep future pages consistent.

Foundations

Color Tokens

All surfaces, borders, and accents should come from the shared token set.

Primary BG
--bg-primary
Card BG
--bg-card
Accent
--accent
Accent Secondary
--accent-secondary
Text Primary
--text-primary
Border
--border
Foundations

Typography

Keep headings sharp, body text quiet, and identifiers monospaced.

Heading
Username Ideas
Body

Concise supporting copy, tuned for scanability and low visual noise.

Mono
namehq / neonfox / driftlab
Components

Action & Form Primitives

Buttons and fields should be compact, soft-edged, and low-chrome.

Primary ActionSecondaryGhost
PlatformStyleNeutral
Recipes

Section Shell

Use this wrapper for page blocks, CTA panels, and content groups.

Example

Keep content grouped by one visual surface.

Avoid stacking multiple nested cards unless the hierarchy is semantically important.

Example
SortPlatformStyle