Vard
ProductDevelopersShowcasePricingDocsChangelog
Sign in
A CMS for designed sites

Build it once.
They run it forever.

Define exactly what a client can edit in a few lines of TypeScript. They get a calm, obvious dashboard — no Markdown, no documentation, no late-night Slack pings.

lumière.com · content
unsaved
// hero section
headline
A bistro by the harbor
tagline
Seasonal plates & natural wine
hero image
harbor-sunset.jpgReplace
menu — collection3 pages use this
⋮⋮Charred leeks$14
⋮⋮Day boat fish$28
lumière.com
A bistro by the harbor
Seasonal plates & natural wine · Open Wed–Sun
Tonight
Charred leeks$14
Day boat fish$28
Sites currently running on Vard
Lumière·Forge & Foundry·Studio Anaru·North Coast Optical·Mason & Vine·Caldera Pediatrics·Atelier 8·Wren Therapy
The Mapper

Your schema. Every page.

Define a field once. It flows to your client's dashboard — and out to every page on their site that uses it. Hover any line to trace where it lands.

vard.config.ts
vard({
hero: {
title: v.string(),
tagline: v.string(),
},
menu: v.collection({
item: v.string(),
price: v.string(),
}),
})
vard.app / dashboard
hero
title
Welcome to Lumière
tagline
Welcome to Lumière
menu
menu
Charred leeks↕
Day boat fish↕
item
Welcome to Lumière
price
Welcome to Lumière
lumière.com
/
Home
/menu
Menu
/menu/special
Tonight's special
Before / After

Reclaim your Tuesday evenings.

WITHOUT VARD
Client
Hey can you update the brunch menu? Removing the eggs benedict
You
yeah send it over
Client
Also need to swap the hero photo. And add a new staff member? Lisa.
Client
Sorry one more — the booking link is broken
You
ok by end of week
Three change requests, your evening gone.
WITH VARD
Client
Just updated the brunch menu and added Lisa to the team! 🙂
The client just… does it.
What ships

Four things, done well.

We don't ship modules, plugins, integrations or marketplace nonsense. We ship a content layer that holds together.

01

A schema-driven dashboard.

Define fields in TypeScript. Vard provisions the editing surface — labels, validation, image upload, ordered collections, all of it. No CMS UI to build.

v.schema()
02

Edits are previewed live.

Clients see the actual page update as they type. There is no separate "draft" mode to misunderstand.

preview()
03

Publish is a single button.

Atomic deploys. Roll back any version. No CLI, no PR, nothing your client can break.

publish()
04

Your framework. Your hosting.

Next, Astro, Remix, SvelteKit. Vercel, Netlify, Cloudflare. We're the content layer — you keep the stack you already have.

anywhere

Start free. Ship today.

No credit card. The first project is on us.

or `npx create-vard@latest`
Vard

A content layer for designed sites. Built in Wellington, used everywhere.

© Vard Ltd · MMXXVIv2.4.0 · all systems normal