Modern NASA templates
The Modern NASA aesthetic
NASA's visual identity updated for the 2020s: orange (#f97316) on deep navy (#0a0e17), Space Grotesk throughout in a confident technical register. Exploration and precision as aesthetic values — bold, engineered, forward-looking, with no room for decoration that doesn't serve the mission. For space tech, hardware, engineering tools, and ambitious technical brands.
Every Modern NASA product line

Landing Page Template
Standalone Next.js 15 + Tailwind v4 landing-page project. Edit `content/site.ts`, deploy to Vercel in one click.
View landing page template
AI-Coder Vibe Pack
Tokens, Tailwind preset, system-prompt for Claude/Cursor/v0, and reference screenshots — drop the vibe into any AI-coder workflow.
View ai-coder vibe pack
Editor Theme
VS Code + Cursor + terminal color schemes (Warp / iTerm / Ghostty) generated from the same theme tokens.
View editor theme
Portfolio Template
Standalone Next.js 15 portfolio site — Hero, project grid, skills, case study, testimonials, contact. Edit `content/portfolio.ts` to make it yours.
View portfolio template
Dashboard Template
Full 4-route analytics SaaS shell — Sidebar, TopBar, Recharts charts, user table, settings form. Edit `content/dashboard.ts` to make it yours.
View dashboard template
Email Templates
7 themed HTML emails per pack — welcome, receipt, password-reset, newsletter, re-engagement, and 2-part drip. Pre-compiled to inbox-safe HTML, ready to paste into Mailchimp, Resend, Loops, or any provider.
View email templates
Billing Templates
5 print-ready HTML documents per theme — invoice, quote, receipt, credit note, payment reminder. A4 print-CSS, Handlebars placeholders, ready to plug into Stripe Invoice Templates, Lexoffice, sevDesk, or any Puppeteer/Playwright PDF pipeline.
View billing templatesQuestions
What's included in a Modern NASA template?
Each Modern NASA template is a production React + Tailwind CSS v4 build driven by the Modern NASA design tokens — palette, typography, radius, and spacing. You get full source with dark-mode support, ready to drop in or lift the tokens into an existing project.
Is the code copy-paste ready?
Yes. Every template is real, copy-pasteable React + Tailwind code — not a Figma mockup or a screenshot. Live demos render the actual output.
Can I use it commercially?
Yes — unlimited personal and commercial use, for you and your clients. No attribution required.