Parent : [[INDEX-WEB-UIUX]]

Landing Page — Patterns pour pages de lancement

Patterns de conversion, waitlist, hero sections, et storytelling produit. Extrait du corpus Godly (10 sites classifiés).

Quand utiliser cette fiche

• L'utilisateur demande un site dans le domaine : landing
• Mots-clés détectés : landing, conversion, waitlist, hero, cta

Références visuelles (top sites)

Patterns observés (scraping de 2 sites)

Layout

• Hero section : 100% des sites
• CTA visible : 50% des sites
• Grid layout : 50% des sites
• Dark mode : 0% des sites
• Sections moyennes : 9.0 par page

Typographie

• Fonts body : Haas Grot Disp Web (1x), Geist (1x)
• Fonts headings : Haas Grot Disp Web (11x), Geist (1x)

Couleurs dominantes

• Backgrounds : rgb(0, 51, 229) (1x), rgb(250, 250, 250) (1x)
• Texte : rgb(240, 247, 255) (1x), rgb(23, 23, 23) (1x)
• Boutons (bg) : rgb(0, 51, 229) (3x), rgb(255, 255, 255) (1x)

Composants récurrents

• Hero avec titre principal + sous-titre
• Section features / bénéfices
• Témoignages / social proof
• Pricing / CTA final
• Footer avec liens et newsletter

Animations

• Hover effects sur boutons et liens
• Scroll-triggered reveals
• Parallax et micro-interactions
• Transitions fluides entre sections

Anti-patterns à éviter

• Ne pas copier un design sans adapter au contexte client.
• Éviter les layouts surchargés qui nuisent à la lisibilité.
• Toujours tester le responsive.

Méthode d'extraction

• Source : godly.website
• Date : 2026-06-13
• Sites analysés : 10