Landing page gallery
Six landing pages. Every section has a name.
Each page is a fictional brand assembled from named section archetypes (heroes, pricing, FAQs, calls to action and footers) drawn from a reference library of production patterns, then adapted to the brand. They show how we compose a landing page deliberately instead of reaching for the default three-column template. None of these businesses are real or are CraftLayer clients.
01Concept demoLedgerline
Fintech API
Payments-reconciliation API launch page: typographic hero, live terminal workbench, per-use pricing and a searchable FAQ.
- nav/inline
- hero/marquee
- features/workbench
- pricing/per-use
- faq/search-led
- cta/two-button
- footer/colophon
02Concept demoKiln
Developer tool
Build-cache CLI landing page: word-as-art hero, numbered process, monthly/annual toggle pricing and a marquee call to action.
- nav/floating-pill
- hero/word-as-art
- features/numbered-triplet
- pricing/toggle
- faq/compact
- cta/marquee
- footer/list
03Concept demoAtelier Nord
E-commerce launch
Furniture collection launch: split-screen hero, alternating product stories, a single-offer spotlight and a statement footer.
- nav/off-canvas
- hero/split-screen
- features/alternating
- pricing/single-plan
- faq/two-column
- cta/inverted
- footer/statement
04Concept demoField Notes Weekly
Newsletter / creator
Independent newsletter sign-up page: question-led hero, long-form feature essay, form-led subscribe and a newsletter footer.
- nav/inline
- hero/question
- features/long-form
- faq/numbered
- cta/form-led
- footer/newsletter
05Concept demoHarbour Retreats
Travel and hospitality
Boutique coastal stays: documentary hero, bento experience grid, contact-led enquiry pricing and an address-card footer.
- nav/marginal
- hero/documentary
- features/bento
- pricing/enterprise
- faq/with-cta
- cta/quiet
- footer/address
06Concept demoSignal Grid
AI operations platform
AI incident-triage platform: manifesto hero, before/with comparison, three-card and table pricing, accordion FAQ and a banded call to action.
- nav/mega
- hero/manifesto
- features/compare
- pricing/three-card
- pricing/table
- faq/accordion
- cta/banded
- footer/sitemap