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.
Préférences pour cet appareil. Consultez le guide d'accessibilité Corex .
Ouverture le 1 décembre 2026
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
Aperçu en direct
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
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
Les couleurs sont générées à partir de quelques graines, le contraste tient donc dans tous les modes.
Les pages statiques ont quand même de vrais widgets, sans serveur Phoenix derrière.
Les visiteurs adaptent la page à leur façon de lire, et elle se souvient de leur choix.
Produit
Un ensemble ciblé de briques qui couvrent la première impression, l'inscription et l'histoire que vous racontez pendant la construction.
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.
Tableau génère du HTML simple à héberger partout, de GitHub Pages à un CDN.
Onglets, accordéons, listes déroulantes et minuteurs s'hydratent dans le navigateur, entièrement utilisables au clavier.
Un formulaire d'inscription validé, avec choix du rôle et notification, prêt pour votre fournisseur.
Des articles Markdown avec tags, RSS et pagination tiennent vos premiers abonnés informés.
Méthode
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.
Faites-le vôtre avec un bloc de config et de simples modules de contenu HEEx.
Générez le HTML statique dans _site/ et publiez-le sur GitHub Pages ou tout hébergeur statique.
Pourquoi Soonex
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
De courts billets sur les tokens de design, l'accessibilité et la publication de sites statiques avec l'outillage Phoenix.
8 septembre 2026
Un guide de style pour les articles du journal, avec chaque fonctionnalité Markdown prise en charge par Soonex.
18 août 2026
Définissez votre URL publique, construisez dans _site/ et laissez la CI valider chaque déploiement.
21 juillet 2026
Taille du texte, contraste, animations, focus et soulignement des liens, réglés une fois et conservés par les visiteurs.
Questions
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éthodeNulle 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'attenteNon. 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é
Inscrivez-vous pour l'accès le jour du lancement, les notes de version et quelques coulisses. Pas de spam, désinscription à tout moment.