Aperçu en direct
Page d’accueil de Verdant : une page crème portant le titre serif The quiet side of running a practice sur un panneau vert pâle, à côté d’un panneau bleu ardoise contenant un planning de la journée et une fiche client dessinés comme une interface
06 / THÈME ASTRO

Verdant

Pour un logiciel qui s’efface.

  • SaaS
  • Produit
  • Santé

La sixième version Quaeris Design. Un site produit portant trois témoignages clients, un tableau des offres avec son bloc de conformité, une page sécurité et un journal — vingt-neuf routes et pas une seule capture d’écran du produit, avec toute la démo en ligne, ouverte à l’inspection.

MESURÉ SUR LA DÉMO
118 KB
JavaScript
29
Routes indexables
0
Feuilles de style bloquantes
HTML
Maquettes produit
2
Familles de polices
Astro 7.3
Construit avec

Chaque chiffre provient de astro-design-verdant.pages.dev. Ouvrez la démo et vérifiez par vous-même.

Un site publié. TVA comprise ; le travail client relève de la licence studio. Rétractation sous 14 jours, jusqu’au premier téléchargement.

LE BRIEF

À quoi il sert, et à qui il convient.

Une direction produit pour un logiciel vendu sur le calme plutôt que sur une liste de fonctionnalités. Papier crème, une encre vert forêt, et une échelle de surfaces teintées — citron vert, menthe, sauge, ardoise — qui fait le travail qu’une ombre portée fait d’ordinaire mal : il n’y a pas un seul box-shadow dans le thème. Les captures d’écran n’en sont pas non plus. Le calendrier, la fiche client et le graphique de revenus sont du balisage : ils restent nets à tout niveau de zoom et se recolorent avec la palette.

  • Produits SaaS avec une démo à réserver plutôt qu’un panier
  • Logiciels de gestion de cabinet et de clinique
  • Fondateurs qui vendent le calme plutôt qu’une liste de fonctionnalités
  • Tout produit dont l’interface est elle-même l’argument
LE JEU DE PAGES

Les routes que vous obtenez, et d’où elles viennent.

Chaque route ci-dessous est générée à la compilation et servie comme un fichier statique.

Pages

Écrites une fois, modifiées sur place.
  • Accueil
  • Fonctionnalités
  • Tarifs
  • Intégrations
  • Sécurité
  • Clients
  • À propos
  • Carrières
  • Contact
  • Mentions légales
  • Confidentialité
  • Conditions
  • Plan du site

Collections

Un fichier Markdown devient une route, une entrée d’index et une liste.
  • Témoignage client × 3
  • Article × 5
  • Auteur × 3
  • Catégorie × 4

Système

Générées, jamais maintenues à la main.
  • 404
  • sitemap.xml
  • robots.txt
  • Cartes sociales
NOTES DE CONCEPTION

Les décisions derrière le style.

01

Pas un seul box-shadow dans le thème.

La profondeur est une échelle de surfaces teintées — crème, citron vert, menthe, sauge, ardoise, dans cet ordre, l’ardoise étant réservée aux panneaux produit et à rien d’autre. C’est une contrainte plus dure à tenir qu’une gamme d’ombres, et c’est pourquoi la page se lit comme du papier plutôt que comme des cartes flottant au-dessus d’un fond.

02

Les captures d’écran sont du balisage.

Le calendrier, la fiche client, le graphique de revenus et la file des demandes sont du HTML et du CSS. Ils restent nets à tout niveau de zoom, se recolorent dès que vous changez un jeton, et remplacer le contenu de la démo revient à modifier du texte plutôt qu’à ouvrir un outil de design et réexporter un PNG.

03

Le texte atténué est une couleur, pas une opacité.

L’animation d’apparition pilote l’opacité, si bien qu’un ton secondaire réglé ainsi serait effacé à l’instant où l’élément apparaît. Deux jetons supplémentaires portent l’atténuation comme de vraies valeurs de couleur — le genre de correction qu’on ne trouve qu’en livrant l’animation et en regardant le texte changer de poids à son arrivée.

04

Une seule action principale par page.

Chaque page marketing déroule le même argument — en-tête, ce que ça fait, preuve, objections, un seul appel à l’action — et n’offre jamais un second bouton en concurrence avec le premier. Les questions au pied de chaque page sont l’étape des objections, et elles portent des données structurées FAQPage plutôt que d’être décoratives.

PALETTE
  • Papier crème #fffefc Fond de page
  • Encre forêt #0f3e17 Titrage et l’unique teinte sombre
  • Voile citron vert #e1f4df Première élévation au-dessus du papier
  • Voile menthe #cfe7d3 Deuxième élévation
  • Brume sauge #b1dbb8 Troisième élévation
  • Ardoise feutrée #b6ced5 Panneaux produit, et rien d’autre
POLICES
Titrage
Cormorant Garamond Graisse 300, jamais en gras
Texte
Inter Variable, de 400 à 600
CE QUI L’ACCOMPAGNE

Sachez ce que vous obtenez.

Une belle capture d’écran n’est qu’un début. Ce sont les détails qui vous aident à choisir.

01 / LES PAGES

Une vue du site entier.

Chaque version liste son jeu de pages, de la page d’accueil aux templates d’article, d’auteur et de catégorie dont votre projet a réellement besoin.

Liste des pages avec chaque version
02 / L’EXPÉRIENCE

Chaque écran compte.

Mises en page pour ordinateur et mobile, navigation, états de focus et interactions, vérifiés aux largeurs que les gens utilisent vraiment plutôt qu’à celle de la capture d’écran.

Comment fonctionne la personnalisation ↗
03 / LA LIVRAISON

Les détails, avant d’acheter.

Le code source, les prérequis d’installation, la licence et les conditions de support sont publiés sur la page du thème, pour que vous puissiez décider avant de dépenser quoi que ce soit.

Contenu exact avec chaque version
TARIFS

Un prix clair. Une offre claire.

Choisissez le design qui convient à votre projet. Une licence couvre un site publié ; le travail livré à des clients relève de la licence studio.

THÈMES À L’UNITÉ EN VENTE

Trouvez le vôtre.

59 € le thème

Une licence, un site publié. Le travail que vous livrez à des clients relève de la licence studio : 399 € pour toute la collection, et un an de tout ce qui paraît ensuite.

Une licence de thème
Un projet publié
Travail pour un client
Licence studio
Mises à jour et support
Indiqués par thème
CE THÈME

Tout ce qui précède, en un téléchargement.

Verdant, sous forme de code source Astro complet. Modifiez ce que vous voulez, déployez où vous voulez en statique, et gardez-le.

Un site publié. TVA comprise ; le travail client relève de la licence studio. Rétractation sous 14 jours, jusqu’au premier téléchargement.

AILLEURS DANS LA COLLECTION

Trois autres directions.