Marketing site patterns

This pass locks the foundations. The full page-template catalog - landing, features, case studies, pricing, about, blog, careers, legal - lands once the marketing site is under active build with real content to design against. Everything below is binding; the templates inherit from it.

Foundational decisions

• Dark-native throughout. No light-mode marketing surfaces. The brand is dark-first across every customer touchpoint, consistent with the product experience.
• Hero glow is sparing. The electric-blue glow reaches its largest intensity (--fdt-glow-xl) in hero surfaces and only there. Every subsequent section descales the glow - by the footer, it’s gone.
• Grid overlay as substrate. The 4%-opacity grid texture (see Textures & backgrounds) is present across marketing surfaces, quiet and atmospheric. Never animates.
• Content-first layout. Text content leads, imagery supports - never the reverse. No hero videos that take seconds to reveal what the page is about, no full-bleed image carousels that gate the headline.
• Typography follows the system. Display headlines in Inter 800 at display size, wordmarks in Barlow Condensed 700 UC tracked, body in Inter 400. Same type system as product UI.
• One call-to-action per section. Multi-CTA sections fragment the reader’s decision. If a page has three offers, it has three sections.
• No testimonial quotes with stock photos. If a customer testimonial is used, it carries a real identifier (name, role, program) with the appropriate classification marking - never a headshot-and-pull-quote confection.
• No growth-hack patterns. No exit-intent modals, no “78 people viewing this” counters, no urgency countdowns, no newsletter popups on page load.

Deferred to next pass

• Landing page template anatomy - hero, stats row, programs grid, feature grid, closing CTA
• Feature page template - problem, solution, demo, outcome
• Case study template - situation, approach, outcome, metrics - with classification markings for referenced programs
• About page pattern
• Careers / job listings pattern
• Blog / news post pattern - authors, date, category, related posts
• Newsletter signup treatment (minimal; integrated, not pop-up)
• Legal / policy pages - privacy, terms, security, export-controlled content disclaimers
• Navigation for marketing site specifically (differs in structure from in-product nav)
• Internationalized marketing site - per-locale content strategy across EN/DE/NL, URL structure, hreflang handling