Aperçu en direct
Page d’accueil de Terrane : une page pâle traversée d’un filament de plasma bleu électrique, portant le titre condensé Run inference where your users are au-dessus d’un paragraphe sur le routage par région
09 / THÈME ASTRO

Terrane

Pour un produit qu’on lit avant de l’acheter.

  • Outils de développement
  • Infrastructure
  • SaaS

La neuvième version Quaeris Design, et la plus rigoureusement éprouvée. Un site d’infrastructure d’exécution portant un centre de documentation avec une recherche fonctionnelle, un estimateur de capacité, un registre de clients et neuf articles — trente-et-une routes, et une suite de vérifications que l’acheteur peut relancer après avoir modifié quoi que ce soit.

MESURÉ SUR LA DÉMO
38 KB
JavaScript
31
Routes indexables
0
Feuilles de style bloquantes
169
Vérifications livrées
3
Familles de polices
Astro 7.3
Construit avec

Chaque chiffre provient de astro-design-terrane.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 pour les produits dont les acheteurs lisent la documentation avant les tarifs. Papier et nuit, Bebas Neue condensé en corps de titre au-dessus d’un champ de plasma électrique, et des libellés mono qui font le travail que les icônes font d’ordinaire mal. La page d’accueil, ce sont cinq pièces construites plutôt que cinq illustrations de banque d’images — une carte de topologie, une console de capacités, une pile éclatée, un déploiement en cours et un tableau des départs — et aucune ne commence à s’animer avant la fin du premier rendu.

  • Produits d’infrastructure et de plateforme pour développeurs
  • SaaS techniques vendus à des ingénieurs plutôt qu’à un service achats
  • Équipes dont la documentation fait partie de l’argument commercial
  • Quiconque doit expliquer la latence, les régions ou le débit sur une page d’accueil
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
  • Documentation
  • Sécurité
  • Clients
  • Journal des modifications
  • À propos
  • Contact
  • Confidentialité
  • Conditions
  • Mentions légales
  • Plan du site

Collections

Un fichier Markdown devient une route, une entrée d’index et une liste.
  • Article × 9
  • Auteur × 3
  • Catégorie × 6

Système

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

Les décisions derrière le style.

01

La configuration est prouvée, pas promise.

Trois scripts sont livrés avec le thème et exécutent 169 vérifications à eux trois : l’un modifie chaque valeur de configuration, recompile et inspecte la sortie ; l’autre pilote Chromium en interceptant chaque point de terminaison de prestataire, si bien qu’aucune requête ne sort jamais ; le dernier balaie chaque route pour y trouver un seul h1, un menu fonctionnel à toute largeur et une console propre. Vous les relancez après vos propres modifications, ce qui fait la différence entre une promesse et un reçu.

02

Les couvertures d’articles sont générées, pas dessinées.

Un article sans image reçoit un histogramme de latence dérivé d’un hachage de son propre identifiant, dans la couleur de sa catégorie. Il est déterministe, donc le même article a toujours la même allure, et il ne coûte ni fichier image ni requête réseau — ce qui empêche un journal de se remplir lentement de photos de banque d’images que personne n’a choisies.

03

Première image statique, animation ensuite.

L’en-tête à shader et la carte de topologie peignent une image immédiatement, puis attendent le chargement et un rappel en période d’inactivité avant de lancer la moindre boucle, si bien qu’ils n’entrent jamais en concurrence avec le premier rendu. Sous 768px, sur quatre cœurs ou moins, ou avec Save-Data, le shader reste sur cette image unique et la carte descend à 30fps. Le mouvement réduit éteint toujours le tout.

04

La page sécurité n’affirme rien qu’elle ne puisse étayer.

Elle décrit le comportement à l’exécution et les documents disponibles sur demande — aucun badge de certification, aucun logo de conformité, aucun acronyme tenant lieu d’audit. C’est une page plus difficile à écrire et la seule qui vaille d’être livrée dans un thème, puisque celui qui l’achète hérite de chaque affirmation qu’on y a laissée.

PALETTE
  • Papier #f5f5f2 Fond de page
  • Nuit #10141b Bandes sombres et panneaux
  • Encre #0a0a0a Titrage
  • Accent #4da3ff Aplats, et texte sur nuit
  • Encre accent #1a66c4 Le même accent, pour le texte sur papier
POLICES
Titrage
Bebas Neue Condensé, composé en corps de titre
Texte
Inter Graisses 400, 500 et 600
Utilitaire
JetBrains Mono Libellés et chiffres
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.

Terrane, 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.