## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Full page: https://kage-design-assets.t3.tigrisfiles.io/screenshots/labs-winszn-xyz/4df5b54d-904b-4cf9-bf65-93181d626a5e-1789097588315-full.webp
- Above the fold: https://kage-design-assets.t3.tigrisfiles.io/screenshots/labs-winszn-xyz/4df5b54d-904b-4cf9-bf65-93181d626a5e-1789097586008.webp
- Design on Kage: https://kage.design/designs/labs-winszn-landing-page

## Before you start
Ask the user: what product or studio is this for, who is the audience, and what brand assets exist (name, logo, colours, typefaces)? Wait for answers. Apply the design language below to *their* product, never reproduce the reference site.

## Page structure
Build a single long dark landing page, top to bottom:
1. **Nav bar** — small logo mark + wordmark left, 4 uppercase mono micro-links centre, one orange pill CTA right. Thin, on dark surface.
2. **Hero** — left: eyebrow status pill ("N slots open"), giant 3-line display headline, short muted paragraph, dark pill CTA; right: a tall vivid-orange stat card (label, chip, simple line chart) stacked above a black card (count + inline links + outline button). A soft beige 3D illustration bleeds into the hero's right background. Bottom edge curves into a full-bleed orange band.
3. **Orange tech-stack band** — two-column: left a short bold claim, right a wrap of ~20 small outlined pill badges of technologies.
4. **Case-study grid** (near-black section) — small mono section label + counter top-right, then a big two-line headline with a muted justification paragraph right-aligned. Then a 2-column grid of 6–8 project cards: each card is a rounded dark panel containing a product screenshot (real UI, varied colours), project name + "LIVE" dot or "SOURCE ONLY" tag, one-line summary, an uppercase mono "evidence line" of facts, and 4–5 tiny tag chips with an arrow icon. Vary one or two cards to be typographic-only (big stat numbers, no screenshot) to break rhythm.
5. **Closing strip for work** — one mono line of reassurance + "read the code →" link right.
6. **Services bento** — label + big headline with muted intro right, then a 2×2 bento of cards, each with a small 3D icon, title + duration chip, description, and a dashed-divider list of deliverables in mono caps.
7. **Process section** — headline + muted aside, one wide 3D illustration (five blobs, one orange), then a numbered list 00–04: number in orange, bold step name, muted description, hairline dividers.
8. **Manifesto** — two-column: small label left, 4–5 short bold statements right, hairline rules between.
9. **Contact panel** — full-bleed orange section: left headline + intro + a definition list (email, github, journal, availability) with hairline dividers; right a rounded black form card (name, email, company, budget select, textarea, orange submit pill).
10. **Footer** — three columns of mono links, then a gigantic cropped display wordmark across the full width, copyright line beneath.

## Design language
- Palette: near-black `#141414` / `#0d0d0d` page and card surfaces, one saturated orange `#E8500A` reserved for bands, one stat card, CTAs, numbers and dots; off-white `#f2f0ec` text; muted grey `#8a8a8a` for body copy. Never gradient-wash the orange — flat fills only.
- Type: a geometric sans (e.g. Space Grotesk-like) at two extremes — huge tight-tracked display headlines (~clamp 48–88px, tight leading) and small body; pair with a monospace for ALL labels, eyebrows, tags, evidence lines and meta, always uppercase, 11–12px, letter-spaced.
- Hierarchy: section headers are always the same pattern — tiny mono label + counter top-right, big headline left, one muted explanatory paragraph right-aligned; this gives every section the same rhythm.
- Density: case-study cards are data-dense (screenshot + 4 text tiers + chips); process/manifesto sections go airy with hairline `rgba(255,255,255,0.12)` dividers. Alternate dense and airy down the page.
- Shape & surface: cards use 16–20px radius, subtle 1px light borders, flat fills, no drop shadows; full-bleed colour bands (orange) separate major acts of the page.
- Chips: tiny uppercase mono text in 1px-outlined rounded pills, used for tech tags and durations.
- Evidence-first copy: every project card carries a factual mono line (counts, tests, contracts) instead of marketing claims — encourage the user's equivalent proof points.
- Motion: minimal — hover lifts on cards (slight translate + border brighten), arrow icons nudge, live-status dots pulse. No parallax.
- Illustrations: soft matte 3D objects in off-white with a single orange accent, used sparingly (hero, services icons, process) to soften the brutalist grid.

## Never
Do not reuse the reference's name "Winszn Labs", its project names, copy, headlines, logo, screenshots or exact 3D assets. Do not present the result as that studio. Generate the user's own proof lines, tags and illustrations.