Skip to content
Composed catalog

Studio

AI design tool

Dark atmospheric hero, logo marquee, bento features, stats, pricing, and a split product CTA.

Midnight · dark

API Reference

Catalog contract for this template. Defaults are this page's live entry.

Skip Studio fields table
FieldTypeDefaultDescription
slug*
string"landing-studio"Catalog id. Passed to create-cronus-app --template.
command*
string"bunx create-cronus-app my-app --template landing-studio"Scaffold command for this template.
kind*
"product" | "landing" | "starter""landing"Product app, marketing landing, or starter.
path*
"gold" | "compose" | "showcase""compose"Gold path (saas/admin) vs composed catalog vs bundled showcase. Not a scaffold flag.
theme*
"aurora" | "neutral" | "midnight" | "sunset" | "emerald""midnight"Default theme token pack.
mode*
"dark" | "light""dark"Default color mode.
chrome*
{ navbar?: string; footer?: string }{ navbar: "navbar", footer: "footer" }Optional navbar and footer block slugs wrapping the stage.
blocks*
TemplateBlockRef[][{ block: "hero", variant: "atmosphere" }, { block: "logo-cloud", variant: "marquee" }, { block: "feature-grid", variant: "bento" }, { block: "stats" }, { block: "pricing" }, { block: "cta", variant: "split-visual" }]Home-page stack of catalog blocks ({ block, variant? }).
customStage
boolean—Full custom stage instead of a stack of catalog blocks.
inside*
string[]["hero--atmosphere + logo-cloud marquee", "Bento feature grid, stats, three-tier pricing", "Midnight theme, dark mode", "Same add-page / upgrade loop as landing"]What's included in the scaffold.

Catalog stack

Navbar, page blocks, and footer in the order the composed home page stacks them.

Skip Studio catalog stack table
BlockVariantType
navbar—{ block: string; variant?: string }
heroatmosphere{ block: string; variant?: string }
logo-cloudmarquee{ block: string; variant?: string }
feature-gridbento{ block: string; variant?: string }
stats—{ block: string; variant?: string }
pricing—{ block: string; variant?: string }
ctasplit-visual{ block: string; variant?: string }
footer—{ block: string; variant?: string }

What's inside

  • hero--atmosphere + logo-cloud marquee
  • Bento feature grid, stats, three-tier pricing
  • Midnight theme, dark mode
  • Same add-page / upgrade loop as landing
$ bunx create-cronus-app my-app --template landing-studio

More Editorial