15 Pages
42 Sections
3 Islands only
100 Lighthouse ×4
// Design system — What drives the theme
Tokens, not decoration
Palette — click to copy
Typography
Space Grotesk Display & headings
Inter Body & UI
The token file, verbatim
:root {
/* Surfaces */
--cream: #f5f3ed;
--mist: #d1dcd9;
/* Ink */
--slate: #2d3e40;
/* Accent — mustard, for actions and active states */
--mustard: #ebc23e;
/* Type */
--font-display: 'Space Grotesk', system-ui, sans-serif;
--font-body: 'Inter', system-ui, sans-serif;
/* Radii — soft product feel */
--r: 6px;
}Best for
- B2B SaaS marketing sites
- Product teams that need a dashboard UI
- Startups shipping a landing + app shell together
Pages included — 15
- Home
- Features
- Pricing
- Customers
- Changelog
- Blog
- Docs
- Dashboard
- Settings
- Auth (sign in / up)
- About
- Contact
- Legal
- Status
- 404
Tech stack
- Astro 5
- Native CSS tokens
- Islands for charts only
- Fontsource
NEXUS pairs a complete SaaS marketing site with a token-driven dashboard UI — one design system across the landing pages, the docs and the app shell, so the product feels coherent from the first visit to daily use.
Charts without a framework
Data tables, filters and empty states are static components. Only the three chart widgets hydrate, and they load lazily — the marketing pages ship zero JavaScript.
A dashboard that rebrands in minutes
Every surface, from the pricing table to the settings forms, reads its colors, radii and type from the token file. Change four values and NEXUS is your product.
// Catalogue — Keep browsing
