Commerce Brand
Fieldnote is a fictional specialty-coffee roastery: a warm, tactile, product-forward DTC marketing site concept spanning Home, Collection, Our Story, Journal, and Contact — cream paper and deep espresso ink with one burnt-orange ember accent, token-derived product plates, soft rounded geometry, and a roast-to-order promise carried through every page, composed entirely from blocks in the open registry.
- Warm
- Tactile
- Product-forward
5 pages · 21 unique blocks
Try one real block
This installs only hero-kinetic, the first block in the Home recipe. The full-site concept remains a browsable reference.
npx payload-components add hero-kineticPages
Every page in the concept
Commerce Brand spans 5 pages. Each poster opens that page in the raw full preview — the same route the live frame above renders.
HomePreviewOpens on the kinetic shopfront — the roast-day headline, the film-still plate, and a running shop index — then works down through the shelf, the craft, the proof on an espresso band, and the standing orders.
CollectionPreviewPresents the four coffees as an illustrated shelf, explains what the grind options actually mean, tells one origin story in full, and answers the questions people ask before ordering.
Our StoryPreviewGrounds the roastery: the mill, the rule about inventory, a grower in her own words on the espresso band, the sourcing record, the three people at the drum, and the open cupping table.
JournalPreviewA brewing-and-origin journal that keeps the roastery in the conversation: the recent posts, four recipes we would use at home, and one long read from the bench.
ContactPreviewRoutes retail, wholesale, and visitor questions to three named desks at the reserved fieldnote.example domain, then answers the practical ones — without collecting any real data.Recipe
The block recipe, page by page
Every section on every page is one block from the open registry, in render order. Each chip links to the block’s contract — fields, wiring, and the exact install command.
Home8 blocks
Collection6 blocks
Our Story7 blocks
Journal5 blocks
Contact3 blocks
Visual system
One theme, carried across every block
Palette
- #fcf2e7
- #2f1d15
- #a84100
Direction
Warm cream paper and deep espresso ink with a single burnt-orange ember accent, soft rounded geometry, token-derived product plates, and a relaxed editorial rhythm.
- Warm
- Tactile
- Product-forward
This is a browsable full-site concept, not an installable template yet. Every section is composed from blocks in the open registry.
Community
Templates are decided in the open
These concepts exist to answer one question with the community: should full-site templates become installable? The recipes, the fictional brands, and the installer RFC all live in the public repository — nothing gated, no email capture.