Aperçu en direct
Page d’accueil de Translog : une page noir mat avec la ligne mono COORD 48.1173° N, 1.6778° W, l’immense titre en capitales The craft of transport, the strength of the network, sa seconde moitié en vert signal, à côté d’un camion vert sous un ciel d’orage en montagne avec les chiffres 15M+ km et 250+ units
18 / THÈME ASTRO

Translog

Pour un fret qui tourne à la minute.

  • Logistique
  • Transport
  • Services B2B

La dix-huitième version Quaeris Design. Un site de transport et de logistique portant trois pages de services, une plateforme de suivi, un réseau de hubs et de corridors, des tarifs publiés, une page carrières et un journal avec auteurs et catégories — vingt-deux routes, et toute la démo en ligne, ouverte à l’inspection.

MESURÉ SUR LA DÉMO
135.3 KB
JavaScript
22
Routes indexables
0
Feuilles de style bloquantes
3
Familles de polices
WebP
Images
Astro 7.3
Construit avec

Chaque chiffre provient de astro-design-transport.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 un transporteur qui veut paraître conçu plutôt que corporate. Un noir mat, de grandes capitales en Montserrat, JetBrains Mono pour les coordonnées et les libellés, et un seul vert signal réservé à ce qui compte sur la page. C’est le thème le plus cinématographique de la collection — défilement fluide, apparitions en cascade et grille WebGL — et la partie la plus lourde ne se charge que lorsque le visiteur s’en approche.

  • Transporteurs routiers, commissionnaires et opérateurs logistiques
  • Entreposage et transport de conteneurs vendus aux chargeurs
  • Services de flotte et de télématique qui doivent montrer une plateforme
  • Marques industrielles B2B qui veulent du poids et du mouvement sur leur 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
  • Services
  • Plateforme
  • Réseau
  • Tarifs
  • Carrières
  • Journal
  • À propos
  • Contact
  • Confidentialité
  • Conditions
  • Mentions légales

Collections

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

Système

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

Les décisions derrière le style.

01

Le mouvement lourd ne se paie que lorsqu’on le voit.

Le défilement fluide, les apparitions mot à mot et les compteurs reposent sur GSAP et Lenis. La grille en perspective Three.js de la section contact est la partie coûteuse : elle n’est importée que lorsque cette section arrive à 300px du viewport. Avec le mouvement réduit, Lenis ne démarre jamais, les compteurs affichent directement leur valeur finale et la bibliothèque de la grille n’est jamais téléchargée.

02

Un seul vert signal sur noir mat.

Chaque surface est un quasi-noir, chaque filet une fine ligne sombre, et le vert est réservé à la seconde moitié d’un titre, à un chiffre clé ou à l’unique action à l’écran. Les coordonnées et libellés techniques en mono font le travail qu’on confie d’ordinaire aux icônes, et c’est ce qui donne une impression d’ingénierie plutôt que de décoration.

03

Quatre fichiers de configuration, rien n’est livré à moitié réglé.

Identité, formulaire de contact, mesure d’audience et newsletter vivent chacun dans un fichier sous src/config. Choisissez un prestataire de formulaire en oubliant sa clé, la compilation le signale et se replie sur mailto ; choisissez un outil d’audience sans son identifiant, aucun script n’est livré. Le bandeau de consentement n’apparaît que pour le seul outil qui dépose des cookies.

04

La page tarifs publie un prix.

Des transports ponctuels à partir de 1,15 € du kilomètre, des tarifs négociés par ligne pour les volumes réguliers et des flottes dédiées, chacun avec ce qu’il comprend. Les acheteurs de fret comparent des chiffres, et une page tarifs qui se contente de dire contactez-nous est passée — les montants sont là pour être remplacés par les vôtres.

PALETTE
  • Noir mat #131313 Fond de page
  • Panneau #1c1b1b Panneaux et cartes en relief
  • Vert signal #86b817 L’unique accent : mots clés, chiffres et actions
  • Os #e5e2e1 Texte courant
  • Cendre #a3a19e Texte secondaire
POLICES
Titrage
Montserrat Graisses 700 et 800, composé en capitales
Texte
Inter Graisses 400 et 600
Utilitaire
JetBrains Mono Coordonnées, libellés et caractéristiques
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.

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