Soonex identity: Framer-style product launch restage - #2
Draft
karim-semmoud wants to merge 55 commits into
Draft
Conversation
Upgrade Corex to 0.2.1, self-host theme fonts, drop BEM homepage/blog CSS, and restyle the sticky countdown as a hanging paper tab. Layout now uses full-width Tailwind + Corex tokens like Netoum and Oranje, with a distinct kraft/stamp look. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
The paper-cut kraft accent left Corex's generated accent-contrast too light. Set cream ink on accent fills so the home a11y check passes. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Dispatch corex:toast:create with group_id so the demo RSVP still shows a success toast. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Scale ui-size-lg timer digits below 40rem, give the paper sheet min-w-0, and hang the sticky tab full-width on small screens. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Corex wraps ui-size-lg digits at 390px, which stacks the number reel. Use xl digits and nowrap below 40rem, and tighten sticky-tab padding. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Drop the paper-cut palette and Fraunces/Nunito, keep stock neo/uno/duo/leo stacks, and rebuild home, blog, and footer as a coming-soon template with extra Latin sections. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
cursor
Bot
changed the title
Make the sticky countdown a centered w-fit chip, put index/acta/blog rows on Corex data-list with the arrow at the end, and add Socii, Officia, and Numeri sections on the common py-24 / max-w-7xl band. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
cursor
Bot
changed the title
Corex links cap max-width to fit-content, so the index/acta rows were shrinking around the title. Force the content cell and link to fill the row, and restore the sixth Capita tile. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
A sharp full-bleed rectangle read as a bar in dark mode; keep it w-fit and give it a radius so it reads as a hanging control. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Lock mdex 0.13.5 and mdex_native 0.2.8 so CVE-2026-53426, 53427, 53428, 53429, 54888, and 54889 are no longer in the tree. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Tableau logs “server started” before Bandit listens, so :eaddrinuse looks like a crash after a successful boot. mix soonex.port_check prints the occupant; mix soonex.server / mix server run that first. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
assets/js/lenis.js shadowed the npm package, so esbuild suggested "./lenis" instead of node_modules. NODE_PATH now includes assets/node_modules, mix setup runs npm ci, and mix soonex.server / assets.build fail if lenis is missing. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Remove assets/package.json (lenis/motion unused). Native scroll-smooth covers hash links. Content bands, waitlist, blog, tags, and posts share the FAQ sticky intro column. Accordion is single-open, not collapsible, with the first item open. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Enable the official accessibility panel, customize stock palettes only in config, and replace the Latin hero with a full-bleed launch-site shell. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Replace the config.exs hero and data-list grammar with a waitlist card, full theme overlays, a sticky condensed header with a hidden countdown, and one signature Corex component per band. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
cursor
Bot
changed the title
Host color maps replace the preset mode, so solid buttons need explicit *-contrast / *-text. Tabs content slots only expose meta, not value. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Ship Unsplash photographs and Simple Icons marks so hero, bento, voices, and journal covers actually render. Drop the global radius scale that flattened neo/uno/duo/leo, retune seeds and corners, and override ui-* --ctl-radius per theme. Shrink the header countdown to sm digits. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
The carousel clipped the avatar footer under a tall pull quote. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Fix the home lockup, keep the header height stable when the timer appears, contain carousels, and replace tabs and the date picker with layout that reads as a starter you can fork. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Axe landmark-unique failed when several sections shared the same lorem title. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
…tion. Mobile hamburger is a Corex Select left of the logo. Marquee stays in color. Capita drops the dead collapsible. Timeline headings pin per beat. Voces and journal carousels are vertical with padding. Waitlist is a centered column with a Role select. FAQ is richer. Accessibility trigger is larger. Scroll reveal and card lift are host CSS, off when motion is reduced. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
The hamburger clip rule targeted every item-text node, so the open list was effectively empty. Scope the clip to the trigger and give the panel a min-width so Product / Journal / Questions stay readable. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Neo uses a deeper ink blue and tighter radius. Duo shifts to amber so the theme switcher shows the Filament-adjacent warmth. Host CSS shares one deceleration curve, cards hover on border only, and the header border uses token duration instead of Tailwind duration-200. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Border-color alone was too easy to miss against the frame. Use --shadow-sm with the shared easing so plans and bento still feel still, not bouncy. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Match the Corex marquee demo (duration 20, 2rem spacing, pause on hover, no ui-accent), color the Simple Icon fills, and lock duration/edges in host CSS so the strip no longer greys out or jumps. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Keep Corex's 2em flip window and compact the header timer with text-sm, so the digit strip is no longer cropped to 1.25em. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Replace the sparse lorem + icon-only copy with the clipboard demo (label, input, Copy/Copied) filling the frame, using the real git clone URL. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
translateY(0) on .soonex-reveal kept a containing block and left a gap under the header. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
fill-mode both left a translate on the section, so sticky beat titles sat 12px below the header. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Keep the 70svh sticky cells, but use a two-column layout so April and the other beats are no longer empty paper. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Keeps cards and the data list on the side so the 70svh beat is filled on both columns. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Corex styles each direct p inside item-content as its own card, so extra paragraphs stacked as three panels. Also replace nested calendar asides with divs so complementary landmarks stay top-level. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
The closing band is copy plus the form only, so the orbit still is gone and the panel sits on mx-auto max-w-lg under the centered intro. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
The shared Brand.lockup used ui-size-sm with a size-7 mark. Header, footer, and 404 now use the md control size, a size-8 mark, and text-lg wordmark. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Corex pins button SVGs to 1em, so p-0 on the circle still left a 16px glyph in a 44px hit target. Host CSS now sizes the mark to --ctl-size. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Replace the Launching badge with the Corex timer in the copy column, and move the avatars plus proof line onto the photograph panel under the waitlist card. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Bind journal pagination to Corex client events, drop the marquee and plans table, split frame vs panel, and recompose every home band with existing Corex controls. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Expand product tabs across the row, replace spec-sheet data lists with stats and badges, and retune theme paper, brand, and radius plus ui-trigger utilities so Soonex has its own corner language. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
cursor
Bot
changed the title
Tab triggers use a zero-basis flex row so Overview, Themes, and Mix share the full width. Plan and calendar labels use filled badges instead of ghost text. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Per-theme maps now set h1/h2 size, case, and family so neo/uno/duo/leo change how type sits, not only color. Headings drop Tailwind recipes; section intros use eyebrow/lede tags. Home order is product → inside → voices → plans, with manifesto tabs and a shorter FAQ. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
cursor
Bot
changed the title
Narrow viewports still compact the digit type, but leading stays 2 so Zag’s flip window is not cut off. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Lift every theme’s paper to near-white so identity lives in type, radius, and brand. The hero is a sentence plus a still; the waitlist is one form; calendar, facts, and the journal carousel leave the home. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
cursor
Bot
changed the title
The right column is photography plus the reserve-a-seat form and proof strip again. The left column stays a product sentence and CTAs. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
The launch date is a nowrap phrase in the hero and other UI copy so the day and month cannot split. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Drop the ghost circle and oversized SVG. The control is a standard .button with a background and a Corex icon, same family as Template Options. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Match Template Options: icon plus text on a standard .button with a background. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Dialog triggers were inheriting the default --ctl-size, so Accessibility rendered at md while Template Options stayed ui-size-sm. Keep radius, drop the size override, and let the floating-panel trigger use --ctl-size too. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Break the Tailwind-UI band recipe, put a waitlist object on a full-bleed still, and speak like a September launch — English ids, four rooms, a shipping-log tease, and no demo apology above the fold. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Rewrite product fiction across hero, Product tabs, Looks, log, FAQ, and posts; ship rich slotted tab panels with real pricing; densify control chrome and theme overlays for neo/uno/duo/leo. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Strip all photography; hard-rewrite neo/uno/duo/leo palettes; rebuild home as brand-slab hero + control racks with custom data-part chrome so Soonex reads as a Corex template, not a Tailwind waitlist clone. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Kill the brand-fill hero; rebuild on root paper with a bottom waitlist strip; collapse home to five beats; fold studios voice into the ledger; harden desk chrome so brand stays signal, never field. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
Bring photography back with a soft root wash, floating waitlist object, marquee, feature bento, sticky product desk, looks tiles, voice carousel, and closing waitlist CTA — Corex controls as the product, brand as accent. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
cursor
Bot
changed the title
Blog entries show photo covers again beside dense rows so the shipping log matches the Framer launch tease on the home page. Co-authored-by: Karim Semmoud <karim-semmoud@users.noreply.github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Framer-style launch template restage. Photography is back — soft root wash (never brand fill), floating waitlist object, marquee, feature bento, sticky product desk, looks tiles, voice carousel, and closing waitlist CTA. Corex stays the product; brand is accent only.
Composition
data-theme)Craft
Verify
MIX_ENV=test mix test— green (axe).Screenshots
Neo light photo hero
Uno light photo hero
Duo light photo hero
Leo light photo hero
Product desk tabs
Looks tiles
Voice carousel
Neo dark photo hero
Mobile photo hero
Waitlist toast
Home shipping log covers
Log index covers
Base:
main· Branch:cursor/soonex-paper-cut-06f8· No merge.To show artifacts inline, enable in settings.