Aller au contenu
Docs Corex
Soonex
Rejoindre la liste

Ouverture le 1 décembre 2026

Des pages de lancement abouties avant même la sortie.

Soonex transforme la page « bientôt disponible » d'une équipe Phoenix en HTML statique, avec des composants Corex accessibles, quatre thèmes soignés et une liste d'attente qui fonctionne dès le premier jour.

Compte à rebours du lancement

jours
heures
min
s

Construit avec les outils auxquels les équipes Phoenix font déjà confiance

Aperçu en direct

De vrais composants, pas des captures d'écran.

Chaque contrôle de cette page est un composant Corex rendu en HTML statique puis hydraté dans le navigateur. Changez de thème dans Options du modèle et regardez toute la page suivre.

Une seule config

Votre marque, une fois, partout.

Graines, arrondis et échelle typographique tiennent dans un seul bloc. Régénérez, et chaque bouton, champ et panneau suit le changement.

config :corex_design,
  default_theme: :neo,
  themes: %{
    neo: %{seeds: %{accent: "#7c5cff"}}
  }

Interface en direct

WCAG AA Clair et sombre

Les couleurs sont générées à partir de quelques graines, le contraste tient donc dans tous les modes.

  • Les palettes claire et sombre sont régénérées à partir des mêmes graines.
  • Les paires encre, surface et accent sont vérifiées pour un contraste lisible.
  • Quatre thèmes de départ : neo, uno, duo et leo.
Rejoindre la liste Plus tard

Produit

Tout ce dont une page de lancement a besoin. Rien de superflu.

Un ensemble ciblé de briques qui couvrent la première impression, l'inscription et l'histoire que vous racontez pendant la construction.

Des tokens de design qui restent lisibles.

Les palettes sont générées à partir de graines : mode clair, mode sombre et contraste élevé restent lisibles sans réglages de couleurs à la main.

Statique et rapide

Tableau génère du HTML simple à héberger partout, de GitHub Pages à un CDN.

Composants vivants

Onglets, accordéons, listes déroulantes et minuteurs s'hydratent dans le navigateur, entièrement utilisables au clavier.

Liste d'attente intégrée

Un formulaire d'inscription validé, avec choix du rôle et notification, prêt pour votre fournisseur.

Un journal prêt à publier

Des articles Markdown avec tags, RSS et pagination tiennent vos premiers abonnés informés.

Méthode

Du clone à la mise en ligne en un après-midi.

Trois étapes, toutes dans Mix. Pas de chaîne d'outils Node, pas de design system parallèle, rien à maintenir à part votre config et vos textes.

Clonez le dépôt, récupérez les dépendances Hex et générez les assets de design en une commande.

  • Lancez mix setup à la racine du dépôt. La commande récupère les dépendances et génère le CSS Corex.
  • Démarrez le serveur de dev avec mix server et ouvrez localhost:4999.
  • Essayez neo, uno, duo ou leo, en mode clair ou sombre, depuis Options du modèle.

Pourquoi Soonex

Petite surface. Finition sérieuse.

Une page de lancement est le premier produit que vos utilisateurs touchent. Elle doit être aussi accessible, rapide et soignée que ce que vous vous apprêtez à livrer.

L'idée derrière Soonex

  • 4

    Thèmes, chacun avec modes clair et sombre

  • 0

    paquet npm à installer ou auditer

  • 1

    Bloc de config pour toute votre marque

  • 100%

    HTML statique, hébergeable partout

Journal

Carnet de construction.

De courts billets sur les tokens de design, l'accessibilité et la publication de sites statiques avec l'outillage Phoenix.

8 septembre 2026

Écrire dans le journal

Un guide de style pour les articles du journal, avec chaque fonctionnalité Markdown prise en charge par Soonex.

18 août 2026

Publier sur GitHub Pages

Définissez votre URL publique, construisez dans _site/ et laissez la CI valider chaque déploiement.

21 juillet 2026

L'accessibilité sur chaque appareil

Taille du texte, contraste, animations, focus et soulignement des liens, réglés une fois et conservés par les visiteurs.

Questions

Vos questions, nos réponses.

En bref : un bloc de config pour l'apparence, de simples modules HEEx pour les textes, et du HTML statique à l'arrivée.

Corex est un kit d'interface accessible pour Phoenix. Soonex utilise son intégration pour sites statiques : des tokens de design issus de config :corex_design, des modificateurs ui-* dans le HEEx et des hooks client qui animent les widgets sans serveur.

Modifiez les graines, les dimensions et la typographie dans config :corex_design, puis lancez mix corex.design.build. Les modes clair et sombre sont régénérés à partir de la même config.

Voir la méthode

Nulle part tant que vous ne branchez pas de fournisseur. Par défaut, l'envoi affiche une notification de confirmation et ne stocke rien. Les noms de champs sont prêts pour Buttondown, ConvertKit ou votre propre endpoint.

Ouvrir la liste d'attente

Non. Mix, Tailwind et esbuild sont fournis dans le dépôt. Il n'y a pas de package.json : lancez mix setup puis mix server pour travailler en local.

L'icône de personne ouvre les réglages d'accessibilité Corex : taille du texte, contraste, animations, curseur, focus et soulignement des liens. Les choix sont conservés dans le localStorage de cet appareil.

Accès anticipé

Soyez les premiers à entrer.

Inscrivez-vous pour l'accès le jour du lancement, les notes de version et quelques coulisses. Pas de spam, désinscription à tout moment.

Je suis

Ce formulaire n'est relié à aucun fournisseur pour l'instant : rien de ce que vous saisissez n'est stocké.