Destyll
Inspirations›ReadMe
Ouvrir le studio
Dev tools

Une landing page style ReadMe

ReadMe marie un marine profond à un serif éditorial, pose ses démos de documentation en pleine page comme des preuves, et surligne ses témoignages de touches vertes et bleues. Un design dev-tools qui respire la confiance.

Destyll réplique ses 9 sections — hero au champ email, duos de features, témoignages contrastés, footer sur grille — et y met ton produit à la place.

Composer avec ReadMe →Voir les tarifs
Page d'accueil de ReadMe

L'ADN du style

Fond#0D1240Principale#4D6BFFAccent#7BE28ATexte#F5F3EATitres Playfair DisplayCorps InterArrondis 16pxThème sombre

Les vraies sections de ReadMe

Captures propriété de ReadMe, utilisées comme références visuelles. Tu es responsable de l'usage du résultat généré avant publication.

HeroMarine, titre serif géant, champ email, panneau en forme de livre
ReadMe : Hero — Marine, titre serif géant, champ email, panneau en forme de livre
Feature · Démo produitInterface de documentation plein écran avec assistant IA
ReadMe : Feature · Démo produit — Interface de documentation plein écran avec assistant IA
Clients · LogosTitre serif + grille de logos posés sur des cases
ReadMe : Clients · Logos — Titre serif + grille de logos posés sur des cases
TémoignageCitation serif centrée, logo en haut, carte auteur
ReadMe : Témoignage — Citation serif centrée, logo en haut, carte auteur
Feature · WorkflowTitre serif bicolore + grande démo de docs intégrée
ReadMe : Feature · Workflow — Titre serif bicolore + grande démo de docs intégrée
Features · DuoTitre tricolore sur marine + deux blocs WYSIWYG et sync Git
ReadMe : Features · Duo — Titre tricolore sur marine + deux blocs WYSIWYG et sync Git
Témoignage · MarineCitation soulignée de vert sur fond marine, logo client
ReadMe : Témoignage · Marine — Citation soulignée de vert sur fond marine, logo client
Features · APIDeux blocs côte à côte : schémas, listes d'avantages
ReadMe : Features · API — Deux blocs côte à côte : schémas, listes d'avantages
FooterClair sur grille fine, 5 colonnes de liens, réseaux
ReadMe : Footer — Clair sur grille fine, 5 colonnes de liens, réseaux

Comment ça marche

1

Choisis tes sections

Hero, features, témoignages, footer : pioche dans les vraies sections de la bibliothèque.

2

Mets ta marque

Nom, accroche, palette : l'harmonisation applique tes couleurs à toute la page si tu veux.

3

Génère le code

L'IA réplique chaque capture et écrit tes textes. Tu repars avec un HTML autonome.

Ta landing style ReadMe, avec tes textes.

Composition gratuite, 1 génération d'essai offerte. Le plan Pro génère le code HTML complet.

Composer avec ReadMe →

Explorer d'autres styles

Landing style NotionLanding style SpeechifyLanding style WiseLanding style PlumayaLanding style LinearLanding style StripeLanding style VercelLanding style FigmaLanding style FramerLanding style Orchid

© 2026 Destyll

InspirationsTarifsMentions légalesConfidentialité