Aller au contenu principal

Le template délibéré

Livrez plus vite. Avec intention.

Cinq sites finis. Partez de celui qui ressemble le plus au vôtre.

Chaque monde est un site complet construit uniquement avec les composants de ce template, sur ordinateur et sur mobile. Ouvrez-en un et naviguez : chaque page est réelle.

  • Page d'accueil de Cairn sur un écran d'ordinateur
    Page d'accueil de Cairn sur un téléphone

    Cairn — une plateforme d'entreprise

    Univers B2B : un document de confiance d'une page avec des affirmations sourcées, une console de métriques, des preuves clients et un registre des contrôles.

    Ouvrir Cairn
  • Page d'accueil de Proof sur un écran d'ordinateur
    Page d'accueil de Proof sur un téléphone

    Proof — le studio d’une photographe

    Un monde portfolio minimaliste : rail de studio, scènes d’images plein cadre, transitions discrètes.

    Ouvrir Proof
  • Page d'accueil de Oak & Ember sur un écran d'ordinateur
    Page d'accueil de Oak & Ember sur un téléphone

    Oak & Ember — une boutique artisanale

    Univers boutique : collections, fiches produit, panier et paiement de démonstration (sans commandes ni paiements).

    Ouvrir Oak & Ember
  • Page d'accueil de Folio sur un écran d'ordinateur
    Page d'accueil de Folio sur un téléphone

    Folio — un magazine éditorial

    Univers de lecture : articles, auteurs, catégories et étiquettes.

    Ouvrir Folio

Partez du site entier. Atterrissez sur un seul bouton.

Chaque niveau est du vrai balisage du framework, dans le précédent.

Le siteUn mur de pages, toutes construites avec les mêmes pièces.

Visiteurs

12.4k

8.0%
Populaire

$29

Nous avons publié tout notre site en une semaine.

AL
Ada Lovelace

Publié

Compilation 78%
Taux de conversion 4.5 (1280) Publié

Taux de conversion

4.8%

2.0%

Une pageFaite de vrais composants : titres, cartes et boutons.

Nexus

Populaire

Construisez une fois, livrez chaque page

Des sections et des primitives qui se composent en tout.

Rapide dès le premier instant

Les pages s'affichent avant que le visiteur ne cligne des yeux.

Ouvert à tous

Chaque commande se pilote au clavier et se lit à voix haute.

Parle toutes les langues

Passez tout le site dans une autre langue en un clic.

Un boutonCouleur, anneau de focus et rayon, définis une fois et utilisés partout.

Commencer
--color-primary-500 --shadow-focus --radius-md

Tout ce dont vous avez besoin

Blocs documentés comme base pour des sites web professionnels

Ultra rapide

Architecture static-first avec du JavaScript côté client uniquement lorsque les fonctionnalités l’exigent.

Fondations d’accessibilité

Le HTML sémantique et les modèles d’interaction au clavier et de lecteurs d’écran sont intégrés au système de composants.

Multilingue

Support i18n intégré pour 5 langues avec des traductions typées et des URL traduites.

Système de thèmes

Design tokens en CSS custom properties avec mode sombre, échelles de couleurs personnalisables et espacement cohérent.

Composants composables

Primitifs UI autonomes qui se composent en sections, mises en page et pages complètes sans effort.

Optimisé pour le SEO

Données structurées JSON-LD, balises meta, génération de sitemap et partage social inclus.

Scores lab Lighthouse

Mesures Lighthouse réelles sur un build de production de cette page d’accueil. La date et le commit ci-dessous indiquent exactement quel build a été mesuré.

Mesuré: 21 oct. 2026, 09:28 · commit 3ca0494

93
Mobile web
100
Bureau

Catégories Lighthouse

Catégories Lighthouse mobile vs bureau
CatégorieMobile webBureau
Performances93100
Accessibilité100100
Bonnes pratiques100100
Référencement100100

Mesure lab avec Lighthouse simulate — mêmes profils d’appareil et throttling que PageSpeed Insights. Le desktop utilise une courbe plus stricte que le mobile ; les deux ne sont pas censés coïncider.

Questions fréquentes

Tout ce que vous devez savoir sur Nexus

Qu'est-ce que Nexus ?

Nexus est un modèle Astro moderne avec des composants UI composables, le support i18n intégré et un mode sombre sans configuration. Il est conçu pour créer des sites web rapides, accessibles et professionnels.

Dois-je connaître React ou Vue ?

Non. Les pages et les composants sont en Astro : des templates proches du HTML, avec de l'interactivité côté client seulement là où vous l'ajoutez. Seule exception : les composants de graphiques optionnels, qui utilisent React et Recharts en interne ; vous les placez comme n'importe quel autre composant.

Le mode sombre est-il inclus ?

Oui. Le mode sombre est intégré via CSS custom properties et une classe .dark sur l'élément html. Activez-le avec le bouton dans l'en-tête — il est persisté via localStorage.

Comment personnaliser le thème ?

Tous les design tokens sont définis comme CSS custom properties dans la feuille de styles globale. Remplacez les couleurs, l'espacement, la typographie, les ombres et plus encore pour correspondre à votre marque.

Les composants sont-ils accessibles ?

Les composants utilisent du HTML sémantique ainsi que des modèles documentés pour le clavier et ARIA. Validez les composants et combinaisons livrés selon vos exigences d’accessibilité.

Puis-je utiliser des composants individuels ?

Absolument. Chaque composant est autonome et peut être importé indépendamment. Combinez uniquement ce dont vous avez besoin — pas d'imports forcés ni de code inutilisé dans votre bundle.

Créez quelque chose de délibéré.

Clonez le dépôt. Lancez pnpm dev. Ce qui impressionnait a toujours été possible — il suffisait de le choisir.

Proof — le studio d’une photographe — Voir le site