Aperçu en direct
Page d’accueil de Terra Artisan : une pelle sur chenilles devant un ciel de coucher de soleil sur une page noire, portant le titre Expertise and power for your groundworks en gras blanc à côté d’un bouton or Get a quote
05 / THÈME ASTRO

Terra Artisan

Pour un travail qui se mesure en mètres cubes.

  • Construction
  • Entreprise de travaux
  • Services

La cinquième version Quaeris Design. Un site d’entreprise de travaux portant cinq rapports de chantier, un parc machines avec ses caractéristiques, une grille tarifaire qui annonce un prix à la journée et un journal écrit par ceux qui conduisent les machines — vingt-huit routes, avec toute la démo en ligne, ouverte à l’inspection.

MESURÉ SUR LA DÉMO
135 KB
JavaScript
28
Routes indexables
0
Feuilles de style bloquantes
0
Requêtes d’icônes
3
Familles de polices
Astro 7.3
Construit avec

Chaque chiffre provient de astro-design-engine.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 visuelle pour les métiers dont la preuve est le chantier livré. Noir bitume, un seul or, et le vocabulaire de la palissade de chantier plutôt que de la brochure — des codes de référence en mono sur chaque prestation et chaque chantier, des filets en ruban de balisage, des coupes en diagonale à travers les sections, et une photographie de chantier en noir et blanc qu’une lampe de travail suivant le curseur ramène à la couleur.

  • Entreprises de terrassement, de démolition et d’assainissement
  • Entreprises de fondations et de VRD qui chiffrent sur le chantier plutôt qu’en ligne
  • Loueurs d’engins avec un parc machines à montrer
  • Tout métier dont l’argument est le chantier qu’il a livré
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
  • Services
  • Tarifs
  • Parc machines
  • À propos
  • FAQ
  • Contact
  • Mentions légales
  • Confidentialité

Collections

Un fichier Markdown devient une route, une entrée d’index et une liste.
  • Projet × 5
  • Article × 5
  • Auteur × 2
  • Catégorie × 5

Système

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

Les décisions derrière le style.

01

La police d’icônes a disparu, pour des raisons mesurées.

Un passage PageSpeed sur la page d’accueil déployée a surpris la feuille de style Material Symbols en train de bloquer le premier rendu pendant environ 750 ms en 4G bridée, puis de tirer une police variable de 314 KB pour dessiner deux douzaines de glyphes. Le jeu est désormais en SVG inline sur une grille 24×24 : environ 5 KB sur la page la plus chargée, et aucune requête.

02

Les titres sont découpés à la compilation, pas dans le navigateur.

Les révélations de mots masqués exigent un titre éclaté en spans. Le faire en JavaScript changeait le retour à la ligne après le chargement et déplaçait tout ce qui suivait — 0.188 de décalage de mise en page sur la page d’accueil. Un composant fait le découpage côté serveur, si bien que l’animation ne coûte rien en stabilité.

03

Quatre pages gardent leur contenu dans un tableau.

Les services, les tarifs, le parc et la FAQ sont des tableaux typés en tête de leur propre page plutôt que des collections. Une grille tarifaire ou une machine a rarement besoin d’un corps en Markdown, et une liste lisible est plus simple à modifier pour un propriétaire que cinq fichiers — ouvrez la page, les données sont la première chose qu’on y trouve.

04

Le domaine vit à un seul endroit.

Une valeur dans la configuration alimente la configuration Astro, et de là chaque canonical, og:url, identifiant JSON-LD, fil d’Ariane, le sitemap et robots.txt — généré plutôt que livré tel quel, parce qu’une copie statique est le seul fichier qui continue discrètement de pointer vers l’ancien hôte après un déménagement.

PALETTE
  • Bitume #131313 Fond de page
  • Acier #1b1c1c Surfaces surélevées
  • Or #ffd700 L’unique accent
  • Os #e4e2e1 Caractères
  • Sable #d0c6ab Texte secondaire et libellés
POLICES
Titrage
Montserrat Graisse 900
Texte
Inter Graisses 400 et 500
Utilitaire
JetBrains Mono Codes de référence et libellés
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.

Terra Artisan, 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.