La home de newp.fr déclinée en 20 styles de webdesign

Le même contenu — l'accroche, les 4 chiffres-clés, les 3 services, le CTA — interprété dans 20 esthétiques différentes. La preuve, en un coup d'œil, qu'un style n'est pas une décoration : c'est une décision stratégique.

20 mockups HTML/CSS standalone
7 familles d'esthétiques
0 framework externe
100% responsive
01
Héritage du print

Style suisse

Grille modulaire, Helvetica, filets noirs, accent rouge unique. La rigueur typographique au service de la lisibilité.

02
Héritage du print

Style éditorial / Magazine

Sérif noble, lettrines, colonnes typographiques. Le web qui se lit comme un magazine de papier glacé.

03
Héritage du print

Big Type / Typographie XXL

Quand le texte devient l'image. Titres XXL, contours, italique tactique.

04
Digital natif

Skeuomorphisme

Cuir, papier vieilli, boutons en relief, dégradés réalistes. L'imitation du monde physique.

05
Digital natif

Flat design

Aplats de couleur, pas d'ombre, formes géométriques. Le standard mobile-first depuis 2013.

06
Digital natif

Material Design

Cards, élévation, FAB, ombres calculées. Le design system Google appliqué au web.

07
Digital natif

Néomorphisme / Soft UI

Doubles ombres claires/sombres, effet plâtre. Beau, mais accessibilité à risque.

08
Digital natif

Glassmorphisme

Surfaces translucides, blur, dégradés colorés en fond. Le langage Apple Vision Pro.

09
Rupture

Néo-brutalisme

Bordures noires, ombres dures, couleurs primaires saturées. La rupture commerciale assumée.

10
Rupture

Anti-design / Maximalisme

Multiplicité, saturation, refus de la cohérence. Le punk éditorial au web.

11
Rétro

Y2K

Gradients chromés, bulles, sparkles, optimisme techno 1999-2003. Revival Gen Z.

12
Rétro

Vaporwave / Synthwave

Néon, grille 3D, scan lines VHS, palette rose-violet-cyan. Nostalgie 80s.

13
Rétro

Memphis / Rétro 80s

Géométrie ludique, motifs pastel-acide, zigzags. Sottsass 1981 revisité.

14
Organique

Hand-drawn

Lettrage manuscrit, doodles, soulignements imparfaits. L'humanité revendiquée.

15
Organique

Organic shapes / Blob

Blobs colorés, formes molles, gradients doux. Le contraire absolu de la grille suisse.

16
Organique

Cute-alism

Néo-brutalisme + kawaii. Bordures noires sur couleurs bonbons, mascottes sourire.

17
Techno

Dark mode premium

Noir narratif, dégradés contextuels, gradient text. Le langage Linear / Vercel.

18
Techno

3D / WebGL immersif

Sphère 3D, cube wireframe animé, particules. L'expérience devient une scène.

19
Structurel

Bento

Cases modulaires CSS Grid, contrastes de taille, coins arrondis prononcés. Tendance Apple WWDC.

20
Structurel

Minimalisme contemporain

Espace blanc dominant, une typographie parfaite, palette bichrome. Aesop, Loom, Muji.