ela.now — landing page shotgun

Four real, shippable pages (not mockups) — scroll inside each frame, resize your window for responsive behavior. All light mode, all on the Evergreen Mint system (forest #0E8F5C on #F2F6F2, Bricolage/Instrument/Spline Mono, keyhole mark). Copy obeys the standing laws: identical response on every tier, single-firm launch language, no liveness anywhere.

Round 3 · Fable fleet

V1 — The Film

The cinematic successor: skyline v2 (three parallax depth planes, haze, night windows), frosted pill nav, full comfort-copy track, a DOM iPhone beat where the real app arms as you scroll, compliant insurance close. Pin: 9.8 viewport-heights.

Notes
  • Best storytelling; the scroll IS the product demo
  • Email capture built but needs an endpoint before launch
Open full page ↗
Round 3 · Fable fleet

V2 — The Product Tour

Apple/Linear energy: normal scroll, then a 400vh pinned centerpiece — ONE iPhone that arms, counts down, and dispatches as you scroll, with the fan-out to firm/consulate/family drawn live. Hero phone at rest, credibility strip, family section, membership.

Notes
  • Most conventional-legible; motion showcases the actual app states
  • Strongest for visitors who skim
Open full page ↗
Round 3 · Fable fleet

V3 — Calm Authority

The premium editorial trust play: near-still, big Bricolage statements, two refined product vignettes, the clearest membership/insurance clarity of the three. QA's verdict: "shippable as-is; the strongest and most disciplined."

Notes
  • Feels like it costs money; zero motion risk
  • Least "wow", most credibility
Open full page ↗
Direction

Cinematic scroll — the response as a story you live

One pinned stage. Scroll moves a camera through a paper-cut Dubai (the app's own welcome art): day → the 2:11 a.m. moment → the hold (your scroll literally fills the 3-second ring) → the dispatch cascade → the family's live view → dawn → membership. Built per the cinematic-scroll kit + impeccable craft rules.

Notes
  • + The value proposition IS the experience — you feel the product work
  • + Reduced-motion safe, keyboard rail, mobile-tuned
  • − Longest build to maintain; scroll pacing is taste-sensitive
Open full page ↗ (best in its own tab)
Direction

Merged — C's hero + B's timeline as section two

The remix you asked for, as a conventional scrolling page: floating-phone hero, then the live case timeline as its own section.

Notes
  • + Safest, most conventional shape; quickest to ship
  • − The flatness you flagged lives here — it informs, it doesn't grip
Open full page ↗
Direction

Calm authority — private-bank editorial

Centered, quiet, generous whitespace. The keyhole with a breathing halo, one soft skyline nod to the app's welcome art. Reads as a service you trust, not an app you download.

Trade-offs
  • + Most premium feel; ages best; easiest to extend
  • + Calm matches the "calm emergency" brand voice
  • − Least product-visual — you don't SEE the app
Open full page ↗
Direction

Timeline-first — the product truth as the hero

The right-hand hero is a live case card: mono timestamps animating in sequence, mint rail — the exact mental model of the app's active-case screen. Sells the SYSTEM (server-run, fail-safe, ops team).

Trade-offs
  • + Most persuasive: shows what actually happens, minute by minute
  • + Mirrors the app's timeline-first design language
  • − Densest; the example case must stay obviously fictional
Open full page ↗
Direction

Device-forward — app-store energy

A floating CSS-drawn iPhone showing the real home posture ("You're protected", keyhole disc, readiness rows), sticky nav, App Store badge. The most conventional consumer-app shape — deliberately.

Trade-offs
  • + Instantly legible as "there's an app"; best CTA affordance
  • + Phone mock doubles as a product preview
  • − Most conventional; phone mock needs upkeep as the app evolves
Open full page ↗
Direction

The Brief — typeset like a legal document

Numbered articles, clause tables, a signature block "signed, the ELA operations desk". Pure typography and rules, one accent. The most distinctive and memorable; nobody else's landing page looks like this.

Trade-offs
  • + Unforgettable; the legal-document conceit IS the product
  • + Cheapest to maintain (no imagery at all)
  • − Boldest taste risk; drier emotional register
Open full page ↗

Remixes are cheap: any hero can be paired with any tier treatment (cards A/C, table D) or the timeline card from B dropped into A/C/D as a section. Say the word — e.g. "A's hero + B's timeline as section two".