Lumen — Warm Sunrise startup-website landing page (light)

Summary

A warm, optimistic 'sunrise' startup-website landing page (light) for an AI website-builder product. Cream base (#fff6ef) with a peach-to-rose sunrise gradient, deep plum ink text, and a single waitlist CTA. Built on Tailwind (CDN) with Plus Jakarta Sans. Layout: a floating pill sticky nav, a centered hero with a gradient-clipped headline word, an email waitlist form, a soft elevated 'prompt' preview card with floating chips and a slow-spinning decorative copy ring, a logo trust strip, a 3-up feature grid plus a wide 2-up feature row (one sunrise-gradient card), a rounded template-picker band with 4 swatch cards, a 3-up testimonial grid, a full-bleed sunrise-gradient CTA block with a second waitlist form, and a 4-column footer.

Style

Warm sunrise light. Friendly, optimistic, human SaaS aesthetic: a cream/blush base, a peach->coral->rose sunrise gradient used for the logo mark, the headline emphasis word (background-clipped to text), primary pill buttons, and full-bleed accent blocks. Deep plum 'ink' text (#2c1d2e) with a softer plum (#6b5566) for secondary copy. Plus Jakarta Sans throughout (extrabold display headings, medium body). Heavy use of fully-rounded pills and large rounded cards (rounded-[26px]/[28px]/[34px]/[36px]) on translucent white/cream with thin rose-tinted rings (ring-rose/12-20). Soft, warm-tinted layered shadows; an inset white top highlight on elevated cards; a faint warm radial-dot paper grain; radial sunrise glow behind the hero; and a warm dark scrim laid behind white copy on gradient blocks so it always clears contrast.

Layout & Structure

Single-column long-form landing page centered in a max-w-6xl container with px-6 gutters. Top-down order: floating pill sticky nav (fixed, blurred), centered hero (eyebrow pill, two-line headline with gradient emphasis word, sub-paragraph, inline email waitlist form, microcopy, elevated 'prompt' preview card with two floating chips and a decorative spinning copy ring, then a logo trust strip), Features (intro + 3-up card grid + a wide 1.3fr/1fr feature row where the left card is the sunrise gradient), Templates band (rounded gradient-to-white panel with a centered intro and a 4-up swatch-card grid), Testimonials (centered intro + 3-up quote-card grid), full-bleed sunrise-gradient CTA block (badge, headline, sub, second waitlist form, microcopy), and a 4-column footer with a bottom legal bar. Responsive: nav links collapse to a hamburger + slide-down panel below md; the hero headline line-break and floating chips hide on small screens; feature/testimonial grids go 3->1, the template grid 4->2->1, the wide feature row stacks, and the footer 4-col grid stacks. html has scroll-behavior:smooth.

Sticky nav

Hero

Trust strip

Features

Templates band

Testimonials

CTA block

Footer

Special Notes

Font loaded from Google Fonts: Plus Jakarta Sans (weights 400-800 plus italic 500); fallback system-ui, sans-serif. Styled with Tailwind via CDN using a custom theme palette (ink #2c1d2e, inksoft #6b5566, peach #ffb88c, rose #ff7eb3, rosedeep #b32d68, cream #fff6ef, blush #ffe7df). Icons via Iconify (code.iconify.design, ph:* Phosphor set). All imagery is pure CSS gradient (no photos): the swatches, glow blobs and grain are gradients/SVG only. body background is cream #fff6ef; html scroll-behavior:smooth. The contrast-critical detail: the primary button gradient is weighted toward deep rose/plum (#a3245c->#e8567f) and white copy on gradient blocks sits over a warm dark scrim, so white text stays >=4.5:1 everywhere. Keep the mood warm, friendly and optimistic - never cold blue, neon, or corporate-gray; one clear waitlist CTA, no pricing table.