The sections a marketing page is composed from. They read the same tokens as the admin screens, so a landing page and the dashboard it sells look like one product.
Every block takes its content as props, so a generator fills them in rather than editing markup.
The first screen a visitor sees, and the proof that follows it.
Headline, lead, actions and an application mock.
heroCounted figures, never claimed ones.
proofA moving strip of logos or names, paused on hover.
marqueeThe middle of a landing page, where the reasons go.
Cards, rows and numbered arguments.
featuresProse, media and split sections.
contentScreens, galleries and responsive frames.
mediaComparison and progress bars, drawn in CSS.
barsEyebrow, heading and lead, measured.
section-headerPrices, plans and the questions a buyer asks before paying.
Offer cards and a comparison table.
pricingInteractive, for models with a variable.
pricing-calculatorProduct grids and framework marks.
marketplaceAccordion, and the structured data with it.
faqThe closing band, in three weights.
ctaDocumentation, articles and the pieces they are made of.
Headings, figures, callouts and tags.
articleHighlighted samples with a copy control.
codeSearch, filters and result lists.
discoveryAn embedded, resizable demo frame.
live-previewThe chrome every page carries.
Navigation, actions and a mobile drawer.
site-headerColumns, legal links and the brand.
site-footerContact, waitlist and newsletter, validated.
formsThe rhythm every other block sits in.
section