If you're seeing this rendered correctly, you're ready to build.

This page is a handshake. The big headline above is in Agipo, this paragraph is in BauTF, the wordmark loaded from ./assets/, and the swatches below pulled their hex from tokens.json. If any of those look wrong, your _fonts/ or assets/ copy is incomplete.

For the teammate

README.md

One-time setup steps + paste-ready prompt template.

For Claude

CLAUDE.md

Workflow + constraints Claude reads on startup.

Token reference

CLAUDE-KIT-TOKENS.md

Full token naming + 3 known Figma↔gist mismatches.

Step 1 of 1

Now build the page you actually want.

Open this folder in Claude Code, paste the prompt from README.md, and Claude will read CLAUDE.md + tokens.json + the AI Kit Figma file and build your index.html in place — replacing this handshake page.

# in this folder:
claude
# then paste the prompt template from README.md, e.g.:
# "Build a Cometeer-branded landing page introducing
#  [new roaster / new product / etc.] ..."

Sanity check — type

Fonts loaded correctly?

Both lines should look like distinct typefaces. If Agipo falls back to a generic serif or BauTF to a sans-serif like Helvetica, the _fonts/ directory didn't make it into your copy of the starter.

Display · Agipo Light, bright, transparent.

Heading · Agipo Twenty-three years of pulling the best.

Body · BauTF Regular Cometeer flash-freezes brewed coffee at peak so you can pour it back to life in sixty seconds.

Body · BauTF Medium Cometeer flash-freezes brewed coffee at peak so you can pour it back to life in sixty seconds.

Body · BauTF Bold Cometeer flash-freezes brewed coffee at peak so you can pour it back to life in sixty seconds.

Sanity check — color

Tokens loaded correctly?

Six brand swatches pulled by name from tokens.json. If anything renders as a fallback grey, the file didn't copy.

primary/cream#F3F5E8

primary/black#2C2B2B

primary/frosted-gold#F5D577

secondary/dark-cream#D8DACF

secondary/light-grey#888982

roaster/birdrock#2B6F79

Before you paste a prompt

One-time setup checklist

Figma View access to the Cometeer team. Ask Toan for an invite. Without it, the AI Kit file (aWT68n9nxtNBJVX8rntJaI) returns 403 and Claude can't read the token inventory.
Figma Dev Mode MCP enabled in Figma desktop. Figma desktop → Preferences → Enable Dev Mode MCP Server. Restart Claude Code. Test with whoami.
Vercel CLI installed + logged in. npm i -g vercel, then vercel login. Required to deploy with vercel deploy --prod.

Full instructions in README.md. Setup-side specifics for Claude in CLAUDE.md.