Aperçu en direct
Page d’accueil d’Ether : une page vert presque noir avec le titre One window on your whole product, les deux derniers mots en italique serif menthe, un bouton menthe Start free for 14 days et des indicateurs d’état en direct, à côté d’une sphère verte lumineuse et floue, au-dessus d’une bande claire de noms de clients
15 / THÈME ASTRO

Ether

Pour un produit qui réserve son accent à ce qui est en direct.

  • SaaS
  • Analytique
  • Startup

La quinzième version Quaeris Design, et la première gratuite. Un site d’analyse produit portant des fonctionnalités, des formules avec bascule de facturation, trois études de cas et un journal consultable avec auteurs et catégories — vingt-trois routes, et toute la démo en ligne, ouverte à l’inspection.

MESURÉ SUR LA DÉMO
17.4 KB
JavaScript
23
Routes indexables
0
Feuilles de style bloquantes
4
Familles de polices
WebP
Images
Astro 7.3
Construit avec

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

Gratuit, sous la même licence : un site publié. Le travail client relève de la licence studio.

LE BRIEF

À quoi il sert, et à qui il convient.

Une direction visuelle pour les logiciels qui préfèrent parler comme un éditeur que comme une équipe growth. Papier et vert profond, un titre en grotesque dont une seule expression passe en italique serif, des repères de chapitre en mono et un unique accent menthe réservé à ce qui est en direct ou actif. L’en-tête est une lueur WebGL écrite sans bibliothèque, qui cède la place à une lueur CSS sur téléphone, sur un matériel modeste et sur un moteur de rendu logiciel.

  • Outils d’analyse produit et de données
  • SaaS B2B avec un essai gratuit
  • Startups qui ont besoin d’un site avant d’avoir besoin d’un designer
  • Quiconque veut lire un thème Quaeris en entier avant d’en acheter un
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
  • Clients
  • Journal
  • Recherche
  • À propos
  • Contact
  • Plan du site
  • Mentions légales

Collections

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

Système

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

Les décisions derrière le style.

01

L’accent est réservé à ce qui est en direct.

Le papier pour les surfaces, l’encre pour le texte et un seul vert saturé, dépensé uniquement pour l’état en direct, le lien actif, les chiffres et l’action principale. L’étendre davantage, c’est ce qui fait ressembler un site SaaS à tous les autres — la documentation du thème vous demande donc de ne pas le faire.

02

Un shader qui sait quand ne pas tourner.

La lueur de l’en-tête est un fragment shader WebGL sur un seul triangle, sans aucune bibliothèque derrière. Avec le mouvement réduit, aucun contexte n’est même créé ; sur un écran étroit ou un matériel modeste, il ne démarre jamais ; et lorsque le navigateur signale un moteur de rendu logiciel, il cède la place à une lueur CSS plutôt que de dessiner chaque pixel sur le processeur.

03

Les témoignages clients disent qu’ils sont inventés.

Les études de cas, leurs entreprises, leurs citations et leurs chiffres sont du contenu d’exemple, et la page le dit dans son en-tête. Publier de fausses preuves clients comme si elles étaient vraies pose un problème de confiance et un problème juridique — le thème le rend donc impossible à oublier plutôt que facile à manquer.

04

Une seule expression en serif par titre.

Quatre polices, chacune avec un rôle : une grotesque variable pour les titres et les chiffres, une italique serif pour une seule expression par titre, une sans-serif pour le texte courant et une mono pour les repères et les libellés. Cette unique note éditoriale face à une grotesque technique, c’est ce qui empêche le site de ressembler à un énième modèle bien propre.

PALETTE
  • Papier #fbfcfa Fond de page
  • Nuit #0c1a15 L’en-tête et les bandes sombres
  • Encre #0d1f18 Titrage et texte courant
  • Encre douce #3e4e47 Texte secondaire
  • Accent #00674a État en direct et actions sur papier
  • Menthe #56b289 Le même accent, sur nuit
POLICES
Titrage
Bricolage Grotesque Variable, chaque titre et chaque chiffre
Accent
Instrument Serif Italique, une expression par titre
Texte
Plus Jakarta Sans Variable, texte courant et boutons
Utilitaire
JetBrains Mono Variable, repères, libellés et métadonnées
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.

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

Gratuit, sous la même licence : un site publié. Le travail client relève de la licence studio.

AILLEURS DANS LA COLLECTION

Trois autres directions.