landing-craft

# Landing Craft Landing pages that convert. Based on Unbounce (44,000+ A/B tests), GoodUI, CXL Institute, and WiderFunnel LIFT Model. ## Creative Variance Engine Before writing code, select ONE combination based on the brief. This prevents every landing page from looking the same. ### Vibe Archetypes (pick 1) | Archetype | Palette | Typography | Best for | |-----------|---------|------------|----------| | Editorial Luxury | Warm cream (#f5f2ec), deep charcoal, ink-blue accent | Serif display (Cormorant Garamond, Playfair Display) + clean body | B2B, consulting, premium SaaS | | Dark Atmospheric | Deep navy (#080c1a), off-white text, burnt orange accent | Bold condensed display (Cabinet Grotesk, Space Grotesk) | Tech, AI, developer tools | | Soft Structural | White (#ffffff), zinc neutrals, single accent | Grotesk display (Geist, Plus Jakarta Sans) | SaaS, productivity, health | | Minimalist Editorial | Warm bone (#f7f6f3), strict 1px borders, muted pastels | Serif + system sans-serif | Portfolios, indie products | ### Layout Archetypes (pick 1) | Archetype | Structure | Mobile | |-----------|-----------|--------| | Split Screen | 50/50: text left, visual right. Clean alignment, no center. | Stack vertical: text on top, visual below | | Asymmetric Bento | Masonry grid with varying card sizes. `col-span-8` next to `col-span-4`. | Single column. All `col-span` overrides reset to 1 | | Editorial Z-Cascade | Elements overlap with slight rotation (-2deg to 3deg). Depth throu...