Midnight

Live preview →

Midnight is the dark-mode SaaS theme — deep elevated surfaces, neon-cyan brand glow, and a layout that makes code blocks shine. Best for developer tools, infrastructure SaaS, dev-platform products, and anyone whose homepage needs to look great with a terminal screenshot in it.

Property	Value
Tier	Pro ($39 launch / $49 reg.)
Category	Dark SaaS
Primary font	Inter Variable
Brand accent	Neon cyan (var(--mid-cyan))
Mode	Dark-default; glow-based hierarchy

Included pages

• / — homepage with hero, code-block feature, integrations, pricing, FAQ, CTA
• /about/, /features/, /pricing/, /customers/, /contact/, /docs/ (product docs surface)
• /blog/ and /blog/[slug]/
• /sections/, /privacy/, /terms/

What makes Midnight different

• Dark-default everywhere — --color-bg and --color-elevated are dark, text inverts to light. The cyan accent provides the only saturated color in the palette.
• Subtle radial glow backgrounds — the Newsletter section (and others) layer a radial-gradient glow behind the content. Defined inline; replicate the pattern for new sections.
• Cyan-glow buttons — box-shadow: 0 0 16px oklch(75% 0.18 195 / 0.35) on hover. Powered by --mid-cyan — change the hue to retune the glow color.

What’s next

• Customize → Brand colors & fonts — adjusting --mid-cyan retunes the entire glow language.
• Configure → Analytics — dev-tool buyers tend to prefer Plausible / PostHog; wire those.