Make org branding loud — animated splash, ribbon, glow, footer

Featurekamolos
Shipped
May 18, 2026 at 1:59 AM UTC
Author
Kamo
Commit
1ff701c

The subtle 1px accent ribbon and header logo weren't doing enough to celebrate the lender's brand. Now every hero surface delivers a real brand arrival moment. - OrgProvider context: the SSR org fetch result is now passed through React context (lib/org/OrgContext.tsx) so client components can read title, titleShort, yearEst, etc. without re-fetching. - HeroBrandIntro: one-shot, full-screen brand splash that fires on the first visit to a hero surface in a given session. Conic-gradient halo in the org's primary→secondary colours, a 16-particle ring spiralling outward, the lender's logo (or wordmark fallback) centred in a glass card with an --org-primary glow, "Welcome — let's get you home" subtitle, "tap anywhere to skip" hint. Auto-dismisses after 2.4s. Respects prefers-reduced-motion (skipped entirely). - BorrowerHeader: ribbon is now 2px and animated — gradient pans org-primary → org-secondary → org-primary on a slow 8s loop (CSS keyframe @kamo-org-ribbon). Logo gets a framer-motion entrance (fade + slide), hover scale, tap squeeze, and a soft --org-primary drop-shadow glow that follows the brand colour. - JourneyCrest progress bar: was solid bg-aurora, now uses the same org-primary → org-secondary panning gradient as the header ribbon with a soft glow. Every step the borrower completes lights up in the lender's colours. - LenderFooter: persistent attribution at the bottom of hero surfaces showing "Powered by <Lender> · since <year>" with a small org-tinted dot and an Equal Housing Opportunity mark. Fades in at 1.2s delay so it lands after the CTA cluster has settled. Respects reduced motion. All animations honour prefers-reduced-motion. Build 32/32 routes, 140 tests pass.

All changes

Like what you see shipping?

Every one of these updates lands in your workspace automatically. Start free and watch it grow week after week.

Start Free ForeverView Pricing