✨LIMITED OFFER $39 | Available on CodeCanyon — Krikkit: from a brief to a living site.

Landing

URL: /dashboard/landing

Pick which design is live on /. Each design has its own copy. Edit is a separate screen.

Gallery

Cards on /dashboard/landing. Preview file (optional): public/images/landing/{key}.png — also .gif, .webp, .jpg. Drop in desk.png / ledger.gif yourself.

Hover a live design: Edit (copy) and Primary (make it the public home). Coming-soon cards have no actions.

Designs

Key	Label	Status
`desk`	Desk	Enabled — bordered editorial grid
`ledger`	Ledger	Enabled — cinematic glass, serif titles, `/pricing` page
`atelier`	Atelier	Coming soon
`signal`	Signal	Enabled — ThinkCope-style soft SaaS (blue wash, grid, pill CTAs, product cards)
`harbor`	Harbor	Coming soon

Registry: App\Support\Site\LandingCatalog. Enabling a new design: add Blade under resources/views/home/templates/{key}/, defaults in LandingCopy::templateDefaults(), set enabled => true in the catalog, add a preview image under public/images/landing/.

LandingCatalog::shell() returns desk | ledger | signal. Soft shells (ledger, signal) use rounded pricing/contact/checkout chrome; only ledger uses serif titles. Signal uses its own blue CTA tokens and grid wash.

Storage

site_settings.payload.landing:

{
  "active": "desk",
  "desk": { "theme": {}, "header": {}, "hero": {}, "…": "…" }
}

Legacy flat bags (landing.header at the top level) are wrapped into desk on first read. Legacy top-level payload.theme migrates into the active design’s theme when missing.

Shared section keys

Edited at /dashboard/landing/{design}/edit.

Section	What you edit
Colors	Accent, base, mode, lock members (drives site chrome when this design is primary; Signal also tints its CTAs)
Header	Nav links, guest/auth CTAs
Hero	Eyebrow, title, copy, buttons, footnote; background image on Ledger only
Problem	Title, copy
Platform	Layers, quote, stats
Agents	Use-case cards + optional images
Walkthrough

Layouts differ per design; the CMS keys stay the same. Public marketing pages (pricing, contact, checkout, blog, pages, legal) follow the active design’s header/footer and Colors. Pricing and contact also match that design’s page body. See also Themes.

Views