A premium, zero-storage presentation overlay for elite creative professionals. Revly connects directly to files already living in Google Drive or Dropbox and turns raw folders into a theatrical client "reveal experience" — no re-uploading, no storage costs, no compliance audits.
index.html is a self-contained prototype (React 18 + Babel standalone, no build step).
Open it directly in a browser or serve the folder statically:
python -m http.server 8002
# → http://localhost:8002/
It demos both sides of the product and the growth loop (Linktree/Loom playbook — every delivery is a demo, every client is a lead, Pro is the right to unbrand the demo):
-
Magic path — "New reveal" runs the 60-second promise with a live stopwatch: connect Drive/Dropbox → pick a folder → live link, ceremony defaults on, edit later.
-
Free-tier badge — "Delivered with Revly · make yours free" appears after the approve confetti; Pro removes it (see the sidebar plan card, gated by live reveals).
-
Recipient loop — at the emotional peak (download drawer / quiet sign-off), a "Loved this delivery?" card drops the client into a pre-warmed magic path.
-
Re-share — client-facing "Share this reveal" copies a view-only link (look, don't download) for the wedding-gallery-to-40-relatives effect.
-
Creator dashboard — reveals grid with live/approved/draft states, view & download analytics, client activity feed, zero-storage messaging.
-
Client reveal experience — click the Solstice card on the dashboard to enter it. Core thesis: the reveal is the product — premium packaging for digital delivery, "the Tiffany box for creative work." A ceremony dial (preview control, top right) sizes the theater to the delivery:
- Quiet — premium on-brand file delivery, zero theater; downloads locked until sign-off
- Classic — password gate → soft orchestrated entrance (logo → title → note → cascade)
- Full reveal — the First Look: a dark editorial cover page where the client's own cover image sits fullscreen, veiled near-black; minimal underlined access code; then press & hold anywhere and the image develops in real time under your finger (darkroom print) — release early and it re-veils → crossfade into title → note → cascade
All modes end at the "Approve project & sign off" milestone: canvas confetti pop (indigo/coral/mint), then the download drawer slides open (Quiet unlocks inline instead).
-
Reveal studio — clicking a reveal card opens creator controls: ceremony picker, content sections (organize the connected folder's files into named chapters — rename inline, add files via a Drive-style picker, remove, "+ New section"), cover-frame strip, title & note, access code + link — all with a sticky live preview of the client cover page. Sections render client-side as titled chapters in the gallery and grouped rows in Quiet mode.
- Canvas
#F8F9FA, cards#FFFFFF, ink#1F2937, brand indigo#6366F1 - Radii 12–16px, soft diffused ambient shadows
- Spring easing
cubic-bezier(0.34, 1.56, 0.64, 1)on all micro-interactions - Type: Bricolage Grotesque (display) + Instrument Sans (body)
- Client-side Google Picker / Dropbox Chooser under
drive.file-style consent scopes — the app never hosts assets, only lightweight file/folder metadata - Supabase Postgres (
jsonblayout configs, file arrays, analytics events) - Short-lived signed download tokens requested server-side; assets stream from the provider's own CDN straight to the client's browser