Aperçu en direct
Page d’accueil de Vela : une page d’un noir pur avec un surtitre safran Managed vector search, le grand titre blanc Search for meaning, not for words, un bouton violet Create an index, et à côté un nuage de petits triangles colorés rassemblés en grappes vertes, bleues, violettes et ambrées
16 / THÈME ASTRO

Vela

Pour un produit qui dessine ses propres schémas.

  • Outils de développement
  • IA
  • SaaS

La seizième version Quaeris Design. Un site de recherche vectorielle managée portant une page produit, une documentation, des tarifs à l’usage, huit régions, un comparatif honnête, un journal des modifications et un blog technique avec recherche — trente routes, et toute la démo en ligne, ouverte à l’inspection.

MESURÉ SUR LA DÉMO
11.9 KB
JavaScript
30
Routes indexables
0
Feuilles de style bloquantes
2
Familles de polices
WebP
Images
Astro 7.3
Construit avec

Chaque chiffre provient de astro-design-vela.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 produits techniques qui préfèrent la précision au bruit. Un noir pur sans aucun panneau posé dessus, des titres en Space Grotesk qui tiennent leur hiérarchie de la taille plutôt que de la graisse, un seul violet électrique réservé aux actions et un safran réservé aux libellés. Ses illustrations sont des constellations de minuscules triangles dessinées sur un canvas, chaque point figurant un vecteur, si bien que l’image explique le produit au lieu de le décorer.

  • Bases vectorielles, moteurs de recherche et API de récupération
  • Produits d’IA et d’apprentissage automatique face à un acheteur technique
  • Plateformes pour développeurs qui vendent sur leur documentation et leur latence
  • Infrastructures de données qui doivent expliquer une idée abstraite dès la 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
  • Produit
  • Documentation
  • Tarifs
  • Intégrations
  • Régions
  • Démarrer
  • Sécurité
  • Clients
  • Comparatif
  • Journal des modifications
  • Blog
  • Recherche
  • À propos
  • Contact
  • Mentions légales
  • Plan du site

Collections

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

Système

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

Les décisions derrière le style.

01

Les illustrations, c’est le produit dessiné.

Quatre constellations procédurales remplacent les images de banque : un espace d’embeddings où des grappes colorées émergent du bruit, deux nuages reliés par un faisceau pour la recherche par similarité, une hélice ascendante pour la mise en production, et une gerbe radiale pour une requête qui se déploie sur les shards. Chacune part d’une graine, donc s’affiche à l’identique à chaque chargement, et aucune n’est un fichier image.

02

La hiérarchie vient de la taille, jamais de la graisse.

La page est d’un noir pur et le reste : ni panneaux gris, ni ombres, ni cartes encadrées. Les blocs flottent sur le vide, séparés par des filets d’un pixel. Les titres sont grands et serrés, les derniers mots de beaucoup d’entre eux passent à un gris atténué, et les libellés sont de petites capitales espacées — ce qui suffit à structurer la page sans une seule boîte.

03

L’animation, seulement là où on la voit.

Chaque champ de particules démarre quand il entre à l’écran et s’arrête quand il en sort, ou quand l’onglet est masqué. Avec le mouvement réduit, il dessine une seule image fixe au lieu de boucler, et l’apparition mot à mot des titres est sautée. Le site entier livre 11,9 KB de JavaScript pour tout cela.

04

Le comparatif dit quand ne pas acheter.

À côté du tableau côte à côte, il consacre une section aux cas où un autre outil est le meilleur choix. C’est la page à laquelle les acheteurs techniques font le plus confiance et celle que la plupart des modèles oublient ; elle arrive rédigée, prête à être adaptée plutôt qu’inventée.

PALETTE
  • Vide #000000 La seule surface, de l’en-tête au pied de page
  • Blanc #ffffff Titres et texte courant
  • Argent #bdbdbd Texte secondaire
  • Iris électrique #8052ff L’unique couleur d’action pleine
  • Safran #ffb829 Surtitres et mises en valeur
  • Verdoyant #15846e Un arrêt discret dans le logo
POLICES
Titrage et libellés
Space Grotesk Graisse 400 partout, titres serrés, capitales largement espacées pour les libellés
Texte
Inter Graisse 200 pour les paragraphes, plus lourde seulement pour l’emphase
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.

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