
Char
A steakhouse site that sears a steak as you scroll.
A steak seared on the grill as you scroll on the home page, the whole menu on one page with cuts by weight and signature dishes, table booking, private dining with set menus, gift cards paid online, a journal and a visit page with a map. Lighthouse 100 out of the box.
- Lighthouse 100
- Astro 7 · Tailwind v4
- Dark + light
- v1.0.0 · updated 21 October 2026
10 pages, all designed.
Not just a homepage: every page a steakhouse and grill site needs. Open any of them in the demo.
Home in the live demo (opens in a new tab)/
Menu in the live demo (opens in a new tab)/menu
Menu page in the live demo (opens in a new tab)/menu/[slug]
Reserve in the live demo (opens in a new tab)/reserve
Private dining in the live demo (opens in a new tab)/private-dining
Gift cards in the live demo (opens in a new tab)/gift-cards
Journal in the live demo (opens in a new tab)/journal
Journal post in the live demo (opens in a new tab)/journal/[slug]
Visit in the live demo (opens in a new tab)/visit
404 with a game in the live demo (opens in a new tab)/404
Even the 404 is fun.
Lost visitors get a game instead of a dead end. This is the real one from Char's 404 page: give it a go.
1–4 pick · F flip · M move · P pull
Built right, down to the details.
Lighthouse 100, all four
Measured on every page of the demo, on phones and desktops, before each release.
Dark + light
Opens in the dark theme, with a toggle for light. Every color passes WCAG AA in both.
Wired for your stack
Each one switches on with a key in .env. Until then the site works and says how to turn it on.
- AI chat
- ClaudeOpenAI
- analytics
- PlausibleUmamiGoogle AnalyticsPostHog
- booking
- Cal.com
- media
- Cloudinary
- CMS
- KeystaticSanityEmDash
- Resend
- payments
- Lemon SqueezyStripe
- search
- Algolia
- sign-ups
- SupabaseMailchimp
Your AI agent knows Char
AGENTS.md, CLAUDE.md and Cursor rules explain how the site is built. The WPTom MCP server goes further: Cursor, Claude Code, VS Code, PhpStorm and the other JetBrains IDEs, Codex or OpenCode look up what they need instead of guessing, so their edits fit the first time.
- Every componentprops and docs of all 32, from your project
- Your versionwhich template, version and variant, and when an update is out
- The docssearches docs.wptom.com while it works
$ npx -y wptom mcpContent where you want it
Dishes, journal and legal pages and every text are typed content, edited in Keystatic, Sanity or EmDash. Pick EmDash with --cms emdash.
Updates keep your edits
npx wptom update merges each new version around your changes, line by line, and marks the rare conflict.
Real photos included
19 photos made for Char, yours to use on every site you build with it. Swap them for your own whenever you like.
Ready for more languages
Ships in English. Add a language in one file and translate the content: Char adds the language switcher, hreflang links and a sitemap per language, and Keystatic, Sanity and EmDash follow.
Search built in
Press ⌘K and search every page, dishes and journal included, with no service to set up. Switch to Algolia when you outgrow it.
Make it yours in minutes.
One file holds your brand: three colors, fonts, corners. Every shade for both themes comes from it, and the build stops if a color would be hard to read.
Try accents in the preview above, or live in the demo (opens in a new tab).
$ npx wptom new my-site -t char ◇ Where should the content live? Files, Sanity or EmDash ✓ Created my-site from char@1.0.0 # src/content/singletons/brand.json "accent": "#d6452f" $ npm run dev
Under the hood
- Framework
- Astro 7, zero JS by default
- Styling
- Tailwind CSS v4, design tokens
- Language
- TypeScript, strict mode
- Pages
- 10 pages, 32 components
- Content
- Markdown and JSON, edited in Keystatic, Sanity or EmDash
- Hosting
- Vercel, Cloudflare (EmDash)
- Accessibility
- WCAG AA in both themes
- AI
- AGENTS.md, CLAUDE.md, Cursor rules, llms.txt
- Updates
- npx wptom update, keeps your edits
- License
- Commercial, unlimited projects incl. clients
Actively maintained
Full changelog →Char
Update your site with npx wptom update- 1.0.021 October 2026
- Initial release.
WPTom CLI
Always the latest with npx wptom- 0.3.214 October 2026
wptom mcp: an MCP server for AI assistants (Cursor, VS Code, Claude Code, JetBrains IDEs, Codex, OpenCode) with the docs, your template and version, and every component with its propswptom listcounts templates correctly ("1 template")- The WPTom wordmark in the terminal
- 0.2.014 October 2026
wptom new --cmspicks where the content lives (files, Sanity or EmDash), andwptom updatekeeps that choice
- 0.1.113 October 2026
- The package is checked for internal content before every release
Get Char
One-time payment. Lifetime updates through the CLI.
Char
$39
This template only.
- Char with all pages
- Unlimited client projects
- Lifetime updates
- Email support
All-access
$99
Char plus every template, now and future.
- All 43 PRO templates
- Every future release
- Unlimited client projects
- Priority support
Secure payment by Stripe · 14-day money-back guarantee · no tax added
- Visa
- Mastercard
- American Express
- Apple Pay
- Google Pay
Rather have Char set up for you?
We install it, put in your logo, words and photos, and launch it on your domain. One fixed price before any work starts.
How it works →- Setup from $99Your template, live on your domain.Get a quote
- Customization from $199Make the template unmistakably yours.Get a quote
- Custom build from $299A site designed around your business.Get a quote
Questions
Can I see it before buying?
Yes. The live demo is the template itself with its demo content: every page, the search and the 404 game. Features that need your own keys (AI chat, analytics, booking, media, email, payments, sign-ups) show how to turn them on.
Which CMS can I use?
Out of the box, content is Markdown and JSON in your project, edited in Keystatic. Switch to Sanity with one setting, or create the site with EmDash running inside it. The docs walk through each.
Where can I host it?
It is set up for Vercel, the EmDash version for Cloudflare. Pages are static, so other hosts work with their Astro adapter.
Do I need to know Astro?
Basic HTML and CSS are enough for text, colors and images. The docs and the AGENTS.md file cover the rest, for you and your AI agent.
How do updates work?
Run npx wptom update. It merges the new version around your edits.
Can I use it for a client?
Yes, for as many clients as you like: every paid license includes client projects.
Can my site be in another language?
Yes. It ships in English; add a language in src/i18n/locales.json and translate the content. The language switcher, hreflang links and sitemap follow, in every CMS.







































































