v0.8 — early adopter window open

A design system,
a running app,
and a deploy.

naina generates a complete design system, wires it into a production-ready template, and deploys it to infrastructure you own. From a wizard. Or from your terminal.

~5 minto first running app MCP serverfor Claude Code, opencode, Cursor Your infradeploy with Kamal over SSH
01 — MCP

Plug naina into your AI coding tool.

naina exposes an MCP server. Claude Code, opencode, Cursor and the rest call its tools directly — no wizard, no UI, no context-switch.

Describe a product in chat. naina creates the design system, fetches a pregenerated industry homepage, scaffolds a Go + chi app, writes the Kamal deploy config, and exports the whole thing as a tarball. From inside the editor you already use.

Consistency, enforced
Every component uses the system's tokens. No drift, no rogue hex codes.
Pregenerated industry assets
Real homepages and components for supported industries, ready to fetch.
Full scaffold
Go + chi app, web components, Kamal deploy.yml, and the full doc set.
02 — Design system

Actions, not shades — colors organized by what they do.

Primary action
seed-0
Secondary action
seed-1
Tertiary action
seed-2
Delete action
seed-3
10 neutrals · derived from primary hueL 18 → 97.5
12345678910
Why OKLch? Perceptually uniform lightness, predictable brightness across hues, wider-than-sRGB gamut, and stable hue while you dim. One control changes intent across the whole system.
03 — Typography

A type scale that fits the viewport.

h1size 6Ship the real thing
h2size 5From idea to product
h3size 4A governed process
h4size 3Pre-styled, responsive
h5size 2Mapped to defaults
h6size 1Add smaller or larger steps any time
psize 0Clamped between the smallest and widest viewports — no media queries.
spansize −2— caption, label, footnote
Narrow viewport
320 px
Scale factors
1.125 → 1.2
Wide viewport
1440 px
04 · Grid

One centered grid, three escape hatches.

Standard80rem · default width for all content
Wide-1+ 2rem · for emphasis and feature rows
Wide-2+ 4rem · for wider canvases and galleries
Full100% · for when content demands more
full100%
wide-2+ 4rem
wide-1+ 2rem
standard80rem
standard80rem
wide-1 (emphasis)+ 2rem
standard80rem
content flows at standard by default child rows stay responsive automatically nested grids work the same way
05 — Components
05

The system builds the components — not the other way around.

Nav · header
brandDocsSystemStart
Hero · section
Ship the real thingnew
A headline, a promise, one CTA.
Cards · feature
OKLchcolors
Clamptype
Gridlayout
Kamaldeploy
Article · layout
2026 · Dispatch #04
The end of the handoff
Editors, engineers, and ops working from the same artifact means fewer drifts.
Gallery · images
CTA · section
Ready to ship?
One command away.
Start building
Footer · site
© naina
2026
product
system
docs
github
status
legal
06 · Stack

A standard stack that outlives the hype.

Go · chi Web Components Plain CSS Rails 8 · soon
Go
Go + chi router
A small, fast HTTP backend. Low memory, low cost, boring in the best way.
available
</>
Native Web Components
Real custom elements. No framework in the browser, no build step, no churn.
available
CSS
Plain modern CSS
OKLch, custom properties, container queries, clamp(). No pre-processor, no runtime.
available
DB
Reliable, well-known database
SQLite or Postgres. Migrations handled. Pick the one you already trust.
available
Rb
Rails 8 · other targets
Other backend flavors are coming. Same design system, same output contract.
coming soon
$ naina deploy — section 07 Deploy

Dockerized. Shipped with Kamal.

Container

Docker, out of the box

A single slim image. The same artifact in dev, staging, and production. No surprises at 2 a.m.

Release

Kamal over SSH

Config, push, release. Minimal yaml. Zero-downtime rollouts to any cheap Linux box.

Runtime

Your infrastructure, your rules

Small Go binary, tiny frontend payload. Runs comfortably on a single modest VPS — no lock-in, no platform tax.

08 · Pricing

Two ways in. Same system, different scope.

Pro
$19 / month

For designers and front-end teams who want a real design system on day one.

  • Full design system — tokens, neutrals, type scale, grid
  • 24 web components, native and unstyled-by-default
  • Pregenerated industry homepages
  • MCP server for Claude Code, opencode, Cursor
  • Wizard access
Most teams Studio
$49 / month

Everything in Pro, plus the full app scaffold, deploy config, and exportable tarball.

  • Everything in Pro
  • Go + chi app scaffold with auth and db
  • Kamal deploy.yml generated for your infra
  • Tarball export, end to end
  • Full doc set: README, knowledge, architecture
09 · Why

Current tools focus too much on how to deliver.

The only two things that matter are customer experience and business profitability.
→ 01AI tools generate code but rarely ship clean production apps.
→ 02Fragmentation across design, code, and deploy means handovers and wasted time.
→ 03Free-form prompting leads to inconsistency and unnecessary complexity.
→ 04Most outputs are prototypes that die instead of becoming long-term products.
→ 05Talent is wasted on boilerplate and coordination instead of real problems.

Describe your product in your terminal.
Ship the real thing.

A complete running application, scaffolded by your AI coding tool through naina's MCP server. Clean code, your design system, deployed to infrastructure you own. No drift, no handoff — in the time it takes to brief a designer.