Good Night

Dark, sophisticated, and introspective. A late-night coding aesthetic with deep navy backgrounds, warm amber/gold primary accents, and teal highlights. This theme is representative of Frank's personal brand — the developer who builds into the night.

Dark, focused, sophisticated, introspective. Late-night coding session. Terminal glow. Quiet confidence.

Inspiration & Context

Designed as the personal brand theme for Frank Nguyen — the aesthetic of a developer working late into the night. Deep navy evokes the night sky, amber gold brings warmth like a desk lamp, and teal accents suggest the glow of a terminal. Minimal, focused, and quietly confident.

Color Palette

Background

#0a0e1a

Main background — deep night navy

Foreground

#e8e4dc

Primary text — warm cream-white, like paper under lamplight

Card

#111627

Elevated surfaces — slightly lighter than background

Primary

#d4a843

Primary actions, links — warm amber gold, like a desk lamp

Secondary

#1e2740

Secondary surfaces — dark blue-gray

Accent

#2a9d90

Highlights, success states — teal, like a terminal glow

Muted

#161c2e

Subtle backgrounds — between bg and card

Muted Foreground

#6b7280

Secondary text, captions — gray 500

Border

#1e2740

Borders, dividers — dark blue-gray, subtle separation

Destructive

#ef4444

Error states — red stays visible on dark

Typography

Geist Sans

--font-display-family / --font-body-family

Display & Body (shared)

Vercel's geometric sans-serif designed for interface text. Clean, precise, and highly readable. Used for both headings and body text — the monospace nature of the theme means one font family carries the whole weight, letting color and spacing do the differentiation. Variable weight 100–900.

Spacing & Radius

Border Radius Scale

0.75rem (12px) — Moderate rounding. Professional but not sharp. Feels like a well-designed code editor — precise but not harsh.

0.75rem (12px)

Base Radius

calc(0.75rem - 4px)

Radius SM

calc(0.75rem - 2px)

Radius MD

calc(0.75rem + 4px)

Radius XL

Dark Mode Variant

All values

Unchanged

Good Night is inherently dark — dark mode is the default state. No light/dark toggle needed; the theme IS the dark mode.

Best For

Developer tools and IDEsTechnical documentation sitesPortfolio sites for engineersDashboard and analytics productsLate-night creative tools