Parent : [[INDEX-WEB-UIUX]]
Health & Wellness — Patterns pour santé et bien-être
Patterns de confiance, clarté, accessibilité, et design apaisant. Extrait du corpus Godly (6 sites classifiés).
Quand utiliser cette fiche
- L'utilisateur demande un site dans le domaine : health-wellness
- Mots-clés détectés : health, wellness, medical, trust, accessibility
Références visuelles (top sites)
| Site | URL | Views |
|---|---|---|
| Lovi | https://lovi.care | 30 287 |
| Healthy Together | https://www.healthytogether.co | 15 645 |
| Seed | https://seed.com | 4 021 |
| Koa Foundations | https://foundations.koahealth.com | 2 053 |
| mymind | https://mymind.com | 1 978 |
| Chapter20 | https://chapter20care.com | 1 693 |
Patterns observés (scraping de 2 sites)
Layout
- Hero section : 50% des sites
- CTA visible : 100% des sites
- Grid layout : 50% des sites
- Dark mode : 0% des sites
- Sections moyennes : 8.5 par page
Typographie
- Fonts body : Inter (1x)
- Fonts headings : Inter (30x), ES Rebond Grotesque Regular (16x)
Couleurs dominantes
- Backgrounds : rgb(249, 240, 255) (1x)
- Texte : rgb(0, 0, 0) (1x), rgb(16, 23, 34) (1x)
- Boutons (bg) : rgb(16, 23, 34) (3x), rgb(69, 65, 254) (2x), rgb(41, 40, 36) (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 : 6