Website Revamp#161
Conversation
Full redesign of the marketing site (apps/nextjs) around the dark civic/editorial system documented in the new DESIGN.md/PRODUCT.md: - New hero: serif display headline, scroll-underlined record types, and floating phone mockups (PhoneScreenshot) with an updated Browse screenshot - New "See it in the app" tour (app-tour.tsx): interactive Browse docket demo, Elections candidate face-off + measure card, Dual-Lens feed card deck, and a scroll-driven source-merge animation (Bills/Cases/Orders combining into "Your feed") - Reveal presets and shared easing moved into animations.tsx (fadeUp/slideIn/settle/focusIn variants, CountUp) - Privacy/Terms pages refactored onto a shared LegalPage component - Gold "old-money" palette removed from theme.css/globals.css in favor of the civic-blue interactive accent; motion tokens added - Old intro overlay (2.3s logo animation) and WorkflowHero removed; MotionConfig honors prefers-reduced-motion - GitHub/Instagram social links moved to the footer; platforms section reduced to iOS/Android PostHog analytics (waitlist events, auth tracking, provider setup) and the newer waitlist API behavior from main are preserved. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Revamp landing page with editorial civic design
|
@yohaann196 is attempting to deploy a commit to the thatxliner's projects Team on Vercel. A member of the Team first needs to authorize it. |
@ThatXliner do i remove this? do you think it feels like endorsing a political party?
|
|
also the raw text to billion brief animation is kinda hard and i feel like it doesnt really go with the feel of the site, but if you want i can do it in a future PR because this one is already almost 4k lines of code and its getting very big |
|
no, party is fine |
There was a problem hiding this comment.
What is this for, do you know?
There was a problem hiding this comment.
claude added it - its just a doc for AI to use when we vibecode stuff so it has context on what Billion's design style is. all the info is from BRANDING.md (the current documentation) but claude, codex, and gemini specifically look for a DESIGN.md file when they are making visual changes so i thought if we added a design doc it would be better.
hard to replicate? |
2 participants
Summary
Full redesign of the landing pg site (
apps/nextjs) around the dark civic/editorial brand system. Scoped strictly to the website — so no scraper, Expo, or backend will change.Added
app-tour.tsx) — one interactive demo per app surface instead of static screenshots:DESIGN.md(tokens, color rules, component vocabulary) andPRODUCT.md(register, users, anti-references, design principles), both derived fromBRANDING.mdanimations.tsx) — fadeUp / slideIn / settle / focusIn reveal presets, shared easing curves, CountUpLegalPagecomponentWhat's removed
BRANDING.md; replaced by the civic-blue interactive accentintro-context.tsx,intro-overlay.tsx)WorkflowHero(superseded by the new hero)Accessibility
MotionConfig reducedMotion="user"honorsprefers-reduced-motionacross all Motion-driven animation