Pour une école dont le nom est la première leçon.
La vingt-troisième version Quaeris Design. Une école d’IA appliquée portant un catalogue de programmes avec une page par parcours, une page méthode, deux offres publiées, une page de candidature et un journal avec auteurs et catégories — vingt-neuf routes, et toute la démo en ligne, ouverte à l’inspection.
Chaque chiffre provient de astro-design-skillo.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.
Une direction visuelle pour une école qui enseigne l’IA appliquée en cohortes courtes. Un papier chaud, une encre presque noire et une seule terre cuite, Instrument Serif pour les titres, Schibsted Grotesk pour la lecture et JetBrains Mono en petites capitales espacées pour chaque libellé. La décision qui compte est l’ouverture : la page d’accueil n’a pas de phrase d’accroche, seulement le nom de l’école qui se trace le long de son propre contour en terre cuite, en boucle — et en dessous la palette s’en tient à trois teintes, les photographies passant en bichromie terre cuite pour s’y fondre au lieu de s’y opposer.
Chaque route ci-dessous est générée à la compilation et servie comme un fichier statique.
La page d’accueil s’ouvre sur le nom de l’école tracé le long de son propre contour, en dégradé de terre cuite, et redessiné en boucle. Le contour est mesuré une fois dans le navigateur, le glyphe restant affiché fini pendant la mesure ; sans JavaScript ou avec le mouvement réduit, il reste simplement dessiné. Le titre masqué derrière lui est le seul h1 de la page, et le composant peut servir sur n’importe quelle autre.
Papier, encre et terre cuite forment toute la palette ; chaque autre nuance est une transparence des deux premières. La terre cuite n’est jamais décorative : elle marque les libellés, les petits carrés aux angles des sections, le survol des boutons et la couleur de sélection. Les photographies passent en niveaux de gris avec un fondu de luminosité sur la terre cuite, et se lisent comme une partie de la page.
Un seul IntersectionObserver gère les apparitions au défilement, les titres mot à mot — lus en entier par les lecteurs d’écran — et les chiffres animés. Les courbes sont des ressorts écrits avec linear() plutôt que des mots-clés CSS. Le mouvement réduit affiche tout d’un coup, et une minuterie de secours révèle la page si l’observateur ne s’est jamais déclenché.
Identité, formulaire de contact, mesure d’audience et newsletter vivent chacun dans un fichier sous src/config. D’origine, le thème ne livre aucun script tiers, ne dépose aucun cookie et ne demande aucun compte : le formulaire passe par mailto, l’audience et la newsletter sont désactivées. Un service choisi sans sa clé se replie avec un avertissement à la compilation au lieu d’être livré cassé.
Une belle capture d’écran n’est qu’un début. Ce sont les détails qui vous aident à choisir.
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 versionMises 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 ↗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 versionChoisissez le design qui convient à votre projet. Une licence couvre un site publié ; le travail livré à des clients relève de la licence studio.
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.
Skillo, 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.
Pour les agences d’architecture, d’intérieur et de paysage dont le travail tient lieu d’argument.
Pour les agences web et de design indépendantes qui vendent un travail mesurable.
Pour les designers indépendants, les studios de création et les pratiques freelance.