Design tokens that stay readable.
Palettes are generated from seeds, so light mode, dark mode, and high contrast all stay legible without hand-tuned color stacks.
Doors open December 1, 2026
Launch pages that feel finished before you ship.
Soonex turns a Phoenix team's coming-soon page into static HTML with accessible Corex components, four tuned themes, and a waitlist that works from day one.
Countdown to launch
Built on the tools Phoenix teams already trust
Elixir
Phoenix
Tableau
Tailwind
HTML5
JavaScript
TypeScript
Hex
Live preview
Real components, not screenshots.
Every control on this page is a Corex component rendered to static HTML and hydrated in the browser. Switch themes in Template Options and watch the whole page follow.
One config
Brand once, everywhere.
Seeds, radius, and type scale live in a single block. Rebuild and every button, field, and panel picks up the change.
config :corex_design,
default_theme: :neo,
themes: %{
neo: %{seeds: %{accent: "#7c5cff"}}
}Live UI
WCAG AA
Light and dark
Colors are generated from a handful of seeds, so contrast holds in every mode.
- Light and dark palettes regenerate from the same seeds.
- Ink, surface, and accent pairs are checked for readable contrast.
- Four starting themes: neo, uno, duo, and leo.
Static pages still get real widgets, with no Phoenix server running behind them.
- Tabs, accordion, select, timer, and marquee hydrate on the client.
- Keyboard and screen reader behavior comes from Zag state machines.
- Hooks load lazily, so the first paint stays light.
Visitors can tune the page to how they read, and it remembers their choice.
- Text size, contrast, motion, focus ring, and link underline controls.
- Preferences persist locally with no account or backend.
- The test suite runs axe against the home page in headless Chrome.
Product
Everything a launch page needs. Nothing it doesn't.
A focused set of building blocks that cover the first impression, the signup, and the story you tell while you build.
Static and fast
Tableau renders plain HTML you can host anywhere, from GitHub Pages to a CDN.
Live components
Tabs, accordions, selects, and timers hydrate in the browser with full keyboard support.
Waitlist built in
A validated signup form with role select and toast feedback, ready for your provider.
A journal that ships
Markdown posts with tags, RSS, and pagination keep early followers in the loop.
Workflow
From clone to live in an afternoon.
Three steps, all in Mix. No Node toolchain, no parallel design system, and nothing to maintain beyond your config and your copy.
Clone the repo, fetch Hex dependencies, and build the design assets in one command.
- Run mix setup from the repo root. It fetches deps and builds Corex design CSS.
- Start the dev server with mix server and open localhost:4999.
- Try neo, uno, duo, or leo and light or dark mode from Template Options.
Make it yours with one config block and plain HEEx content modules.
- Set seeds, radius, fonts, and type scale under config :corex_design.
- Run mix corex.design.build to regenerate tokens and component CSS.
- Edit copy in lib/pages/home, translations in priv/gettext, and the launch date in SoonexI18n.Launch.
Build static HTML into _site/ and publish it to GitHub Pages or any static host.
- Set SOONEX_PUBLIC_URL to your production origin.
- Run MIX_ENV=prod mix build to produce _site/ with prefixed asset paths.
- Point the waitlist form at your email provider and go live.
Why Soonex
Small surface. Serious polish.
A launch page is the first product your users touch. It should be as accessible, fast, and considered as the thing you are about to ship.
The idea behind Soonex
-
4
Themes, each with light and dark modes
-
0
npm packages to install or audit
-
1
Config block for your whole brand
-
100%
Static HTML, hostable anywhere
Journal
Notes from the build.
Short dispatches on design tokens, accessibility, and shipping static sites with Phoenix tooling.
September 8, 2026
Writing in the journal
A style guide for journal posts, showing every Markdown feature the Soonex pipeline renders.
August 18, 2026
Shipping to GitHub Pages
Set your public URL, build into _site/, and let CI gate every deploy.
July 21, 2026
Accessibility on every device
Text size, contrast, motion, focus, and link underline controls that visitors set once and keep.
Questions
Questions, answered.
The short version: one config block for the look, plain HEEx modules for the words, and static HTML at the end.
Corex is an accessible UI kit for Phoenix. Soonex uses its static-site integration: design tokens from config :corex_design, ui-* modifiers in HEEx, and client hooks that bring widgets to life without a server.
Edit seeds, dimensions, and typography under config :corex_design, then run mix corex.design.build. Light and dark modes regenerate from the same config.
See the workflowNowhere until you connect a provider. Out of the box, submitting shows a confirmation toast and stores nothing. The field names are ready to post to Buttondown, ConvertKit, or your own endpoint.
Open the waitlistNo. Mix, Tailwind, and esbuild ship in the repo. There is no package.json — run mix setup and mix server to work locally.
The person icon opens Corex accessibility settings: text size, contrast, motion, cursor, focus, and link underline. Choices persist in localStorage on this device.
Early access
Be first through the door.
Join the list for launch day access, release notes, and the occasional behind-the-scenes post. No spam, unsubscribe anytime.