Pour une boutique où aucune commande ne se ressemble.
La dix-neuvième version Quaeris Design. Une boutique de pressage de disques portant son procédé, une bibliothèque de vingt-et-une paires de couleurs, des formats et des prix, un formulaire de commande et un journal avec recherche, auteurs et catégories — vingt-six routes, et toute la démo en ligne, ouverte à l’inspection.
Chaque chiffre provient de astro-design-lumora.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 un petit atelier qui vend un objet à la fois. Un papier chaud, des titres en Fraunces avec un trait de surligneur sous un seul mot, des surtitres en mono et une palette de couleurs de cire qui vont par deux. Le hero est un disque qui tourne, dessiné entièrement en CSS, et chaque photographie du site est pressée en deux couleurs comme les disques qu’il vend.
Chaque route ci-dessous est générée à la compilation et servie comme un fichier statique.
Le disque du hero, ce sont deux dégradés CSS : un balayage conique entre deux couleurs de cire et un fin anneau répété pour les sillons, qui tourne lentement derrière une étiquette imprimée. Ses couleurs viennent des mêmes données que la bibliothèque de cires, si bien qu’en désignant une autre paire on recolore le disque, et il ne coûte aucun fichier image. Avec le mouvement réduit, il cesse de tourner.
Un composant transforme n’importe quelle photographie en bichromie de deux couleurs de cire sur une image en niveaux de gris, avec une légère texture de sillons par-dessus. Sur un appareil à souris, un halo doux suit le curseur et laisse apparaître l’original en couleurs — un masque CSS, sans canvas — tandis que les écrans tactiles gardent la bichromie.
Les sections portent des numéros de piste dans la marge, de A1 à C1, une bande sombre interrompt le papier à mi-parcours, et un seul mot par titre reçoit un trait de surligneur mal calé. C’est un petit ensemble de procédés employés avec constance, et c’est ce qui empêche un thème ludique de virer au gadget.
Identité, formulaire de contact, newsletter et mesure d’audience vivent chacun dans un fichier sous src/config, et chacun démarre sur une valeur qui fonctionne sans compte : mailto pour le formulaire, rien du tout pour la newsletter et l’audience. Le site compile et fonctionne avant que vous touchiez à quoi que ce soit, et tout est résolu à la compilation.
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.
Lumora, 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 cabinets de cybersécurité, le conseil et les services techniques vendus aux grands comptes.
Pour les plateformes deep tech, océan et climat, les réseaux de capteurs et les instruments scientifiques.
Pour les plateformes de données, d’IA et de sécurité qui doivent paraître calmes et responsables.