Systemnav — Nuxt 4 / Tailwind v4 / performance-first
Ritual-grade web experiences crafted with Nuxt.
A clean, symbolic, performance-first structure: calm typography, strong contrast, and a gold accent for signal. Built for SSR, SEO, and long-term maintainability.
The system
A timeline from intent to signal
Three phases that keep projects calm: structure first, craft next, then performance + SEO.
Phase 1
Clarity
Information architecture, page intent, content blocks, and a stable grid.
- sitemap & content mapping
- tokens & typographic rhythm
Phase 2
Craft
Nuxt build, reusable components, CMS integration, and clean deployment.
- SSR/SSG strategy
- Directus / Strapi ready
Phase 3
Signal
SEO pass, performance budget, accessibility and conversion polish.
- meta + schema + sitemap
- caching & monitoring basics
Minimal surface, strong structure — like a well-tuned instrument.
Structure
Layouts, components, and a consistent grid — designed to scale without chaos.
- Design tokens + predictable spacing
- Component library mindset
- Navigation that stays calm
Speed
SSR-friendly defaults, minimal CSS, fast navigation, and real-world performance budgets.
- Lighthouse/field metrics as a guide
- Image strategy + lazy loading
- Clean SSR + cache planning
Symbol
Parchment / slate / gold — serious, warm, and readable. Aesthetic as a functional layer.
- Contrast that supports focus
- Typography that breathes
- Accents used as “signal”
A simple process, done deeply
Not a factory. A small, deliberate pipeline — clarity first, craft second, signal always.
Phase 1
Design & structure
Intent, sitemap, content blocks, tokens, and an initial component set.
Phase 2
Build & integrate
Nuxt SSR/SSG, forms, content system (Directus/Strapi), analytics, deployment.
Phase 3
Polish & ship
SEO pass, performance budget, accessibility check, and a clean launch routine.
What I build
Websites that feel calm and intentional — and also rank, load fast, and convert.
Landing + SEO
Strong structure, semantic blocks, meta + schema.
CMS integration
Directus / Strapi content, clean editorial flows.
SSR apps
Dashboards, auth, gated content, APIs.
Deployment
Docker + reverse proxy + backups + monitoring.
Want something specific? Tell me your constraints.
Let’s build something that holds.
Describe your project in a few lines: goal, audience, deadline, and any existing stack.