# Zaviamo · design brief (Phase 0)

## Design read
Pakistani families in Karachi planning international trips who are tired of fixed packages; the register is warm defiance: the relief of finally being heard, plus quiet confidence.

## Concept spine
**"The window seat."** The site is one continuous flight to your seat: you board from the open sky, the camera carries you to the fuselage, and every destination is a plane window you look through. The brand's signature plane-window squircle is the single recurring shape: windows, cards, chips, step markers, scroll cue, progress dots.

## Delivery tier
`cinema`.

## Locked palette (client brand, 2026 guidelines · overrides ban list by explicit brand colors)
- Ink teal `#0F2121` (dark ground) · Cream `#FCFFF5` (light ground) · Soft yellow `#F9F07C` (accent on dark)
- Location accents: Orange `#F15B22` (hot / middle-eastern: Turkey, UAE; also accent on light ground), Cyan `#43C3D0` (sea: Malaysia, Thailand), Green `#6FC067` (forest: Azerbaijan, Sri Lanka, Indonesia)
- Defense: these are the client's exact published brand tokens; near-dark+orange pairing is brand-mandated, used sparingly on light grounds.

## Locked type (client brand mandate)
- Display/script: **Playwrite NZ** (Google/fontsource) · brand guidelines set it as the heading voice; used for script headlines and destination names only.
- Everything else: **Outfit** (100–900). H1s pair a small Playwrite script kicker word with big Outfit ExtraBold. Urdu complement (Bunyaad) out of scope for this build.

## Tier-1 technique
**A4 · Seam-locked scroll scrub** (wow-catalog A4). Defense: the concept spine IS a continuous camera journey; scrolling literally flies the approach to your seat.

### A4 journey (architecture A, continuous forward flight)
- Scene 1 "The cruise": behind a white airliner above a golden cloud sea, deep teal sky; headline overlay carries H1 + CTAs.
- Scene 2 "The approach": same forward drift closing on the fuselage window line, ending in a soft cloud white-out.
- Seam 1→2: exact last rendered frame of leg 1 starts leg 2. Final seam: white-out match-cuts to the cream cabin stage (DOM takeover; no third leg).
- World grammar (byte-identical preamble): golden-hour cloud sea, deep teal-navy sky, warm cream-gold light, photoreal cinematic aerial footage, filmic soft grade, no text/logos/watermark.
- Mobile framing: subject centered, `cover`-safe; separate 720p mobile encodes.
- Cost shape: 1 entry still + 2 sequential 8s legs. Byte budget: desktop clips ≤24 MiB total, mobile ≤12 MiB.

### Window chapters (post-scrub, DOM · deliberately not baked video)
Pinned stage, 7 destination chapters; each is the SAME giant window squircle (cream frame + thin offset outline) on the ink cabin wall. Behind the glass a cloud loop MP4 plays; per chapter the destination still rises through the glass (transform/clip crossfade = descending below the clouds). Windows are real links to the destination page. Left edge: 7 mini-window progress dots. Reduced motion: static grid of window cards.

## Section plan (one layout family per section, no consecutive repeats)
1. **Hero scrub** · cinema overlay on the A4 chain (eyebrow 1).
2. **Boarding strip** · short editorial intro on cream (script line + one paragraph, kicker = eyebrow 2).
3. **Window stage** · pinned 7-chapter window system (ink).
4. **Proof trio** · "The Zaviamo Way": 3 ink cards with window-arc tops + 6 differentiator chips (cream).
5. **Origin letter** · editorial story block with big script pull-quote (cream, letter family).
6. **Flight path** · 4 steps along a dotted flight path (ink).
7. **Honest band + final CTA** · reputation paragraph, then yellow CTA band (eyebrow 3).
8. **Footer** · ink; 7 destinations; Founded 2025; © 2026.
Eyebrow budget: 3/3 used. Destination pages reuse families: hero row (script name + window image), body editorial, highlight window-cards, CTA band.

## Asset plan (all Higgsfield-generated; client logo intentionally excluded · typographic wordmark "Zaviamo." in Outfit ExtraBold + period)
- Entry still (hero A), legs 1–2 + exact-frame posters (desktop+mobile), cloud loop MP4 + poster, 7 destination stills (3:4), OG card 1200×630, branded launch cover + capsule OG per app-cover, head kit from typographic "Z." mark, boards in `refs/`.

## CTA inventory (bespoke chrome, no shared button class)
- **Plan My Trip** (nav + hero + bands): yellow pill on ink / ink pill on yellow band; hover morphs border-radius toward the window squircle and lifts.
- **Message us on WhatsApp** (hero secondary + P.S. + plan page): green-outlined chip, WhatsApp glyph, dot pulse on hover; deep-links wa.me/923007284424 with prefilled text.
- **Open this trip** (each window chapter): cream arrow link; orange hand-drawn underline draws on hover/active chapter.
- **Plan My [Destination] Trip** (destination pages): solid orange pill on cream; slight -1deg tilt that levels on hover.
- Footer mail: plain cream underline link.

## Copy + facts contract
Copy locked from the June 2026 approved deck (see `app/src/lib/content.ts` + `destinations.ts`). **Seven** destinations · Umrah excluded (founder decision 2026-07-17, not offered yet). No em dashes anywhere. Banned: "all-inclusive", "hassle-free", "seamless", "tailored to perfection", "best travel agency in Karachi", "browse our packages", CTA use of "packages". Visa/flight/hotel claims marked [VERIFY] in the deck are excluded from this build. Response promise: 30-minute reply, 24-hour quote. WhatsApp +92 300 728 4424 · care@zaviamo.com · Suite 908, Indigo Business Centre, Bahadurabad, Karachi.