# Reliozy — ten stage directions (TM535)

Updated: 2026-09-18 ~5:15 PM PT
Live (after Level-1 hang): https://apex.socialtokens.site/projects/reliozy/

These are **Apex stage prototypes** so Barry can pick a look. Production Reliozy.com stays Coming Soon on Hostinger. No fake Stripe. Never Fuller. SEND NO.

Incumbent TM530 page (dark purple card stack) is **anti-reference**. The hub replaces it as a casting sheet.

---

## Skills read and applied (before more HTML)

Found under `software/projects/yoga-app-ios/.claude/skills/` and `website` Impeccable:

| Skill | Path | What #1 took |
|---|---|---|
| $10k / high-end visual design | `yoga-app-ios/.claude/skills/high-end-visual-design` | Variance (cinema, not SaaS cards). GPU motion only. Grain on a fixed overlay. No Inter. Banned 3-equal cards. |
| design-taste-frontend | `yoga-app-ios/.claude/skills/design-taste-frontend` | Design read + dials. No AI-purple. No em-dash. Max 1 eyebrow / 3 sections (here: zero). Hero stack cap. Real images, no fake UI divs. |
| stitch-design-taste | same tree | Anti-slop tokens: one accent, no Inter, no 3-card row, `min-height: 100dvh`. |
| emil-design-eng + animate | same tree | Dictation is **Explanation** (rare / first-time, may run long). Skip is instant (keyboard-class). `:active` scale 0.97. No `scale(0)`. `--ease-out: cubic-bezier(0.23, 1, 0.32, 1)`. Hover gated. Reduced motion keeps type, drops travel. |
| impeccable craft-floor | `.claude/skills/impeccable/reference/craft-floor.md` | No kicker. No shared card grid. Contrast, themed selection, one authored moment. |

**Conflicts we resolved (brief wins):**

- High-end wants a pill eyebrow on every H1. Taste + Impeccable ban that tell. **No eyebrows.**
- Taste default stack is React / Tailwind / Motion. Apex brief pins static `index.html`. **Static CSS + tiny JS.**
- gpt-taste wants GSAP on every page. Emil: cheapest tool. **CSS + one typewriter timer. No GSAP.**
- Taste 6.C wants dual light/dark. Taste 4.11 wants one theme per page. **Each prototype locks one theme.**
- High-end wants fade-up on every section. Emil: only if it has a purpose. **#1 animates the name. Chapters sit still.**

**Design read (#1):** cinematic product landing for Barry choosing a Reliozy.com look, language of a screening room, native CSS. Dials: variance 8 / motion 6 / density 3.

---

## Shared product truth

Reliozy is two words stitched: **rely** + **doozy**.

- Say it slow first: **reh-lee-OH-zee**. Then people may shorten it to **rely** in conversation.
- A doozy = something extraordinary ("wow, that was a real one").
- Rely = the helper people lean on so life gets lighter.
- Slogan: **Reliozy. Lean on it.**

**#1 owns that lecture.** Other prototypes may print the slogan. They do not rerun the typewriter.

| Role | Product | Honest line | Live door |
|---|---|---|---|
| Hero | Yoga app | User input changes the website and blog. AI agent behind it. Bridge to selflove.yoga. | `/projects/yoga-app/` · https://selflove.yoga |
| Bread and butter | Trackmint | Tickets, time, and what actually shipped. | `/projects/trackmint-app/` · `/trackmint/app/` |
| Bread and butter | AI assistant for business | Receptionist / AI Assistance. After hours it answers and books. Staging demo only. | `/projects/ai-assistance/` |
| Bread and butter | Financial health | Freshstart / money help. Options in plain English. | `/projects/freshstart-app/` |
| Bread and butter | IT consulting | Reliozy builds and runs the software a business leans on. | Stage only. No booking form. |
| Secondary | Digital footprint wipe | Continuous subscription that helps wipe a person’s digital footprint. | Stage only. No checkout. |
| Secondary | Automate your work | Webapp + iPhone app so their work can run as passive income. Dream, said plainly. | Stage only. No fake earnings. |

CTA: keep this cut, or back to the ten. Production is still Coming Soon. No signup form.

---

## Media rules (Barry HARD)

Every `/1`…`/10` page carries **animation + video or stills**. No type-only pages. No random AI interiors. No Picsum lottery.

Licenses used: **Pexels License** (videos) and **Unsplash License** (stills). Hotlinked with `w` + `q` caps for phone weight. `preload="none"` below the fold. Videos pause under `prefers-reduced-motion`.

---

## Hub — Casting sheet

**Why:** Barry is choosing, not being sold. The page is a call sheet, not an 11th landing.

- **Fonts:** Familjen Grotesk 500/800
- **Scene:** photocopy on pale blueprint (`#c9d8e8` ground, carbon type)
- **Signature:** giant numerals 01–10 as the only pictures; one-line labels; no thumbnails (thumbnails would lie about finish)
- **Motion:** none except a 1px rule that draws under the hovered/focused row

---

## 1 — Night Reel (owns the name + yoga hero + four core jobs)

- **Scene:** a screening room. Tungsten spill, letterbox, dust in the beam.
- **Fonts:** Big Shoulders Display 800 + Figtree 400/600
- **Palette:** `#07060a` void, `#f3ead8` silver-warm type, `#e8a04a` tungsten
- **Structure:** letterbox bars are architecture. Hero is dictation over real school stills (green-room class + warrior). Yoga chapter next. Bread and butter is a **program list** (Trackmint / receptionist / money help / IT consulting), not a card grid. Wipe + automate sit in an “Also later” strip.
- **Signature (HARD):** spoken typewriter. Phonemes light in order (reh, lee, **OH**, zee). Then RELY + DOOZY stitch into RELIOZY. Slogan locks: Reliozy. Lean on it. Skip dumps the full text with no motion (Emil: skip is instant). The first typed line is slower (90ms/char) so the mouth can follow.
- **Second motion:** a tungsten light-leak drifts (transform + opacity only). Film grain sits on a fixed overlay at 0.14 so the texture actually reads. Hero stills Ken-burn and dissolve.
- **Why this, not dark SaaS:** cinema grammar + a name you can say. No glow cards.

### #1 media (verified this session)

| Slot | File | Why it is here |
|---|---|---|
| Hero stills | `/projects/yoga-app/photos/hero-class-green.jpg`, `hero-warrior.jpg` | Real Love Yoga Academy. Hero must be yoga, not a globe. |
| Yoga pair | class photo + Unsplash `photo-1544367567-0f2fcb009e0b` | Practice + school. Bridge to selflove.yoga. |
| House-work stills | Unsplash laptop, phone, calculator, meeting table | Trackmint / receptionist / money / consulting. Licensed stills, not Picsum. |
| Consulting loop | Pexels `7989672` hands on a laptop | The build work. |
| Later wipe loop | Pexels `3129957` dotted globe MP4 | Network map. Secondary only. |

Refused: Pixabay garage clip already in AI Assistance (wrong world). Mixkit (personal-only). Picsum seeds.

Yoga Pexels IDs we probed (4056535 and kin) still return 403. Hero uses real school stills, not a broken video.

### #2–#10 media (same licenses, different cuts)

| Cut | Video | Stills |
|---|---|---|
| 2 Sunday Desk | Pexels `2278095` code close-up | Unsplash laptop desk |
| 3 Raw Mark | Pexels `3129957` globe | Unsplash code display (grayscale) |
| 4 Paper Mix | Pexels `18069232` paper stack | Unsplash yoga practice |
| 5 Lens Stack | Pexels `3129957` globe | Unsplash phone in hand |
| 6 Folio | Pexels `3129957` globe | Unsplash yoga + laptop |
| 7 Shell | Pexels `2278095` code (CRT filter) | poster: code still |
| 8 House Mark | Pexels `7989672` laptop hands | Unsplash phone |
| 9 Toy System | Pexels `2278095` code | Unsplash yoga |
| 10 Modulor | Pexels `3129957` globe | Unsplash laptop work |

Other cuts print the slogan, the yoga hero, the four core jobs, and wipe/automate as secondary. They do not rerun the typewriter. That belongs to #1.

## 2 — Sunday Desk (bright editorial)

- **Scene:** a city desk at 9am. Cool fluorescent, acid highlighter, ink.
- **Fonts:** Petrona 600/700 italic + Libre Franklin 400/600
- **Palette:** `#e7e9ee` cool newsprint (not cream), `#111318` ink, `#eeff00` highlighter, `#1d4ed8` rule blue
- **Structure:** broadsheet columns. A pull-quote *collides* with the headline. Products are a classified index with hairline rules.
- **Signature:** a highlighter swipe paints the headline on first paint.
- **Why not Playfair-on-cream:** that is the default editorial costume. Cool gray + acid yellow refuses it.

## 3 — Raw Mark (brutalist)

- **Scene:** a loading-dock stencil in daylight. Safety paint, crop marks, no radius.
- **Fonts:** Schibsted Grotesk 700/900 + Fragment Mono 400 (measurements only)
- **Palette:** `#fff` ground, `#0a0a0a` ink, `#ff3b00` safety orange
- **Structure:** stacked shout lines. Crop marks in the four corners. Products are a manifesto stack with hard rules.
- **Signature:** clip-path slam of the first three words, then stillness. Hard offset shadow is earned (this world is actually brutalist).
- **Why:** mono is not a costume here — Fragment Mono only labels sizes and page coords.

## 4 — Paper Mix (soft pastel studio)

- **Scene:** a studio table at 3pm. Colored paper overlapping, multiply blend.
- **Fonts:** Epilogue 500/700 + Nunito Sans 400/600
- **Palette (drenched):** lilac `#c4b5fd`, mint `#6ee7b7`, peach `#fdba74`, ink `#2a2140` on lilac
- **Structure:** full-field color sheets, not cards. Products live on torn-edge strips.
- **Signature:** three sheets slide into overlap (`mix-blend-mode: multiply`). That mix *is* the brand.
- **Why not “pastel rounded SaaS”:** color owns whole regions. No shared white card.

## 5 — Lens Stack (glass / gradient)

- **Scene:** looking through a lens at dusk. Aurora outside; one thick glass inside.
- **Fonts:** Sora 600/700 + Noto Sans 400
- **Palette:** indigo `#12082a` → magenta `#7a1f6c` aurora, glass `rgba(255,255,255,.12)`
- **Structure:** full-bleed aurora. **One** glass slab holds the offer. Products are thin stacked slats, same glass language.
- **Signature:** aurora centroid follows the pointer (cheap gradient position). `backdrop-filter` is only on the slab — the effect, not confetti.
- **Why this earns glass:** craft floor bans decorative glass. Here the page *is* a lens.

## 6 — Folio (magazine long-scroll)

- **Scene:** a feature well at night. Cool paper, vermillion Folio mark, chapters.
- **Fonts:** Ibarra Real Nova 400/700 + Public Sans 400/600
- **Palette:** `#0e0e10` ink, `#eef1f5` cool paper (not bone cream), `#c41e3A` folio red
- **Structure:** long chapters. Sticky folio ticks (`The house` / `The work` / `The desk`) because sequence is the magazine. Products are a contents listing.
- **Signature:** chapter titles pin, then release. Scroll is the motion.
- **Why:** this is the only long-read. Others are short.

## 7 — Shell (terminal / operator)

- **Scene:** an operator’s night shell. Phosphor, block cursor, real commands.
- **Fonts:** Azeret Mono 400/600 only (mono is the interface, not decoration)
- **Palette:** `#07110c` CRT, `#8aff80` phosphor, `#f0b429` cursor
- **Structure:** bezel + prompt. Hero is the boot log. “What Reliozy is” and products are command output.
- **Signature:** typed boot, then a working prompt: `help`, `ls`, `whoami`, `products`, `about`, `clear`, `hub`.
- **Why this earns mono:** you operate it. A mono heading on a marketing page would fail the floor.

## 8 — House Mark (luxury serif contrast)

- **Scene:** a fashion-house lookbook under north light. No gold. No metal script.
- **Fonts:** Noto Serif Display 800/900 + Jost 400/500
- **Palette:** optical white `#f7f7f5`, carbon `#0b0b0b`, one vermillion seal `#b91c1c`
- **Structure:** the first viewport *is* the cropped word RELIOZY. Copy is a thin measure. Products are lookbook lines (name + one job), not tiles.
- **Signature:** the giant word reveals by clip. The CTA is a wax-seal stamp (CSS), not a pill button.
- **Why not cheap luxury:** Cormorant + gold is banned. Contrast is ink/paper + one red hit.

## 9 — Toy System (playful geometric)

- **Scene:** Bauhaus toys on a pale table. Circle, triangle, square do the holding.
- **Fonts:** Tilt Warp 400 + Karla 400/700
- **Palette:** `#0050ff` blue, `#ff2d2d` red, `#ffd400` yellow, ground `#eef1ff`
- **Structure:** shapes *are* the layout. The hero sits in a circle. Products sit inside a square, a triangle, a bar — not a card grid.
- **Signature:** the three primitives assemble from off-canvas, then lock.
- **Why:** geometry is load-bearing. A decorative blob behind a normal hero would be slop.

## 10 — Modulor (quiet Swiss grid)

- **Scene:** a quiet gallery, even daylight, one signal-red square.
- **Fonts:** Host Grotesk 400/600 only
- **Palette:** `#fff`, `#111`, Swiss poster red `#e30613`
- **Structure:** a visible modular grid. Type snaps to columns. Products are a typographic table (name / job / door), not cards.
- **Signature:** the grid draws once (1px lines), then does not move again. The red square is the only accent and it does not bounce.
- **Why:** this is the quiet end of the set. If it starts decorating, it has failed.

---

## What we refused (all ten)

- Recoloring the TM530 purple card hero
- Shared B&W “icon + heading + blurb” grids
- Inter / Space Grotesk / Playfair / Cormorant / DM Serif as display
- Fake Stripe, testimonials, “trusted by”, metric counters
- Fuller, SEND, TestFlight
- Gradient text, emoji-as-icons, system display faces

## Finish

Unreviewed and undocumented is unfinished. This pack ends with this file, ten live folders, a hub, and Barry’s pick. CoS hangs Level-1 from the PR; Hostinger does not change.