You Alive — design bake-off

11 designs · même contenu figé · vignettes statiques 390px. Groupé par variant, puis par outil, puis par mode de génération. Clique une vignette pour ouvrir le rendu live.

Variant A · Editorial / Nature

Manuel — travaillé à la main3 itérations

A · manual · 01 — Hero plein écran — A · manual · 01 — Hero plein écran
Photo plein écran, dégradé vers forêt, wordmark You Alive? sur l'image, titre dans la photo, sous-titre + CTA en dessous. Reveals au scroll.
photofull-bleedorganicfeminine

A · manual · 02 — Forme organique — A · manual · 02 — Forme organique
Hero photo dans une forme organique (blob). Wordmark You Alive?, pas de CTA sticky. Reveals au scroll.
organicblobroundedfeminine

A · manual · 03 — Hero plein écran + stepper — A · manual · 03 — Hero plein écran + stepper
Variante de manual-01 : how-it-works en stepper timeline (numéros terracotta), FAQ en lignes, CTA final centré foncé. Aligné à gauche. [PROD /a]
photofull-bleedsteppertimeline

Variant B · Soft / Wellness

Manuel — travaillé à la main5 itérations

B · manual · 01 — Halo (niveau 1, doux) — B · manual · 01 — Halo (niveau 1, doux)
Halo niveau 1 (le plus doux) : fond lavande clair, halo très léger, ghost lavande. Accent de titre subtil, CTA ink. DM Sans.
softlavenderghost-heroniveau-1

B · manual · 01 — Halo (niveau 2, doux+) — B · manual · 01 — Halo (niveau 2, doux+)
Même design que 01, halo niveau 2 : ghost blanc plus présent, halo lavande un peu plus marqué.
softlavenderghost-heroniveau-2

B · manual · 01 — Halo (niveau 2, carré) — B · manual · 01 — Halo (niveau 2, carré)
Même que 01b (halo niveau 2) mais coins quasi carrés (rounded 4-8px) : CTA, cards pricing, panneau final et pills. [PROD /b]
softlavenderghost-heroniveau-2carré

B · manual · 02 — Halo (Newsreader) — B · manual · 02 — Halo (Newsreader)
Même design que 01 mais Newsreader + Mona Sans. Hero SANS ghost, H1 géant sur 4 lignes (44/58px), CTA pill arrondi.
softlavendernewsreaderno-ghost

B · manual · 03 — Scripture — B · manual · 03 — Scripture
Biblique : filets de chapitre, drop-caps, coins carrés, numéros chapitre sur bordure gauche, CTA final carré. Corps Spectral.
bibliquedrop-capscarréserif

Variant C · Retro / Forest

Manuel — travaillé à la main3 itérations

C · manual · 01 — Retro Forest — C · manual · 01 — Retro Forest
Base Retro Forest partagée. Hero blanc + accents lime (48px), bande 'problème' + footer en lime pâle, sections blanches, CTA lime sans contour.
retroforestlime

C · manual · 02 — Retro Forest (jaune géant) — C · manual · 02 — Retro Forest (jaune géant)
Même base, plus typographique : H1 entièrement lime, géant (64px), un mot par ligne (6 lignes), CTA pill, footer forest foncé.
retroforestlimedisplay

C · manual · 03 — Retro Forest (H1 tout lime) — C · manual · 03 — Retro Forest (H1 tout lime)
Identique à c-manual-01 (hero split 4 lignes, 46px) mais le H1 est entièrement lime. [PROD /c]
retroforestlime