Closer/ClaudeBrandingReview.md

12 KiB
Raw Blame History

Closer — Branding & Artwork Review (Pass H)

Living deliverable for the Branding pass. It captures, screen by screen, where Closer could carry more of its brand, and gives ready-to-paste ChatGPT image-generation prompts for the artwork worth adding. The user generates the images; this file only describes them. Every prompt reuses the House Style block below so all new art matches the existing artwork (docs/brand/visual-identity.md + docs/brand/asset-system.md + the shipped illustration_* / pack_art_* / particle_* assets).

Branding defects (off-brand color, clipped/low-contrast art) → ClaudeReport.md. Pure "could be warmer / feature" ideas → Future.md ## QA. New art to create → here.


House Style (paste this at the top of EVERY image prompt)

Flat 2D pastel vector illustration in the "Closer" couples-app style: soft rounded shapes, no harsh outlines, gentle smooth gradients, calm and intimate. Palette only: aubergine #24122F, deep purple #56306F, lavender #B98AF4, soft pink #F7C8E4, soft lavender #D9B8FF, blush white #FFF8FC. Mood: warm, quiet, equal, intentional — a private ritual for two. Recurring motifs available: a single heart made of two equal pink+lavender halves, paired/sealed cards, floating hearts and petals, a small wooden table with mugs + a lit candle + a lavender sprig, moon/window for quiet hours, a calendar/date-card, a sealed capsule/box. If people appear: two balanced, inclusive figures, simple friendly faces, no dominant partner. Soft abstract floral/heart shapes in the background. Do NOT include: any readable text, answer/prompt/message content, invite codes, emails, app UI/buttons, generic dating-app clichés, stock-photo realism, brand logos, alarm/urgency/surveillance/fire imagery.

Aspect/format conventions

  • Hero/onboarding/paywall: portrait 4:5 (matches illustration_couple_*).
  • Empty states: roughly square 1:1, generous padding, sits centered above text.
  • Celebration: 1:1, transparent or blush-white background.
  • Glyphs: single-color simple vector, square, legible at 2032 dp.
  • Pack/category art: landscape ~16:9 banner, object-led (no people), like pack_art_*.
  • Always readable on both blush-white (light) and aubergine (dark) surfaces — keep a soft self-contained vignette rather than a hard rectangular background; export PNG with transparency where noted.

Existing assets (reuse before generating): illustration_couple_onboarding, _invite, _history, _paywall, _subscription, illustration_tonight_partner_prompt, illustration_partner_activation, illustration_reveal_celebration, illustration_streak_milestone, illustration_together_empty, pack_art_{deep_reflection,family_commitment,home_life,trust_repair,money_values}, particle_heart, particle_petal. NOTE: most live only in iOS / drawable-nodpi; several screens below need the Android copy wired up, not new art.


Screen-by-screen audit

Legend: on-brand / no art needed · add/þwire art (prompt below) · 🎨 new art to generate · 🔤 brand-copy/color touch

Screen / surface Current brand state Opportunity
Onboarding carousel couple art + warm copy strong already
Welcome (Create / I have account) heart mark + privacy line on-brand; could rotate privacy messages 🔤
Sign up / Login / Forgot password plain form 🔤 add small heart mark + one privacy line above the form (no big art — keep forms clean)
Create profile — name / sex / photo plain steps 🔤 light: small step glyphs; otherwise (forms stay clean)
Pair: invite (create code) has recovery phrase, clean small illustration_couple_invite at top (exists on iOS — wire to Android)
Pair: accept code / pairing success minimal 🎨 A1 pairing-success celebration
Home (paired) cards, warm copy good; ensure card icons use brand glyphs 🔤
Home (unpaired "bring your person in") couple art present on-brand
Today / daily question clean card ; reveal moment is the place for art (below)
Answer reveal (mutual) functional use illustration_reveal_celebration + petal/heart particles at the reveal beat
Answer history list empty state → wire illustration_couple_history; 🎨 A2 if none
Play hub card list, game glyphs ; verify each game card has a consistent brand glyph 🔤
This or That (setup/play) clean
This or That / How Well / Desire Sync results score + rows small celebration header art (reuse reveal_celebration); particles on high match
How Well / Desire Sync intro icon + copy
Spin the Wheel nice wheel art wheel is on-brand
Wheel complete / results text reveal celebration header (reuse particles)
Connection Challenges (series list) text list 🎨 A3 series/“small steps” header + per-series glyphs
Connection Challenges (active day) clean 🔤 small streak/heart glyph; otherwise
Memory Lane (list) sealed rows 🎨 A4 empty state (no capsules) + sealed-capsule glyph
Memory Lane (sealed capsule) lock + date use capsule art (A4) on the sealed card
Date Match (deck) clean cards
Date Match (your matches / empty) list 🎨 A5 “no matches yet” + match celebration
Plan Date / Date Builder form 🔤 small date-card glyph; otherwise
Bucket List (empty) list 🎨 A6 “save ideas together” empty state
Question Packs (library) pack_art_* present ; 🎨 A7 packs needing art (any pack without pack_art_*)
Messages (inbox empty) list 🎨 A8 “no messages yet” (two soft bubbles, no text)
Conversation chat keep clean; quiet-hours state → A9
Past Games (empty/list) list small replay/heart glyph; 🎨 A10 if empty state bare
Your Progress / Activity stats 🔤 brand-colored charts; reuse streak_milestone for milestones
Paywall / Subscription couple art present strong (couple illustration + “one subscription for both”)
WaitingForPartner category glyph + copy on-brand; ensure glyph per game type
Settings + sub-pages dense lists keep clean — no illustrations; brand via section headers/color only 🔤
Security / Recovery phrase text 🎨 A11 privacy-lock illustration (two sealed cards behind a soft lock)
Privacy & Terms text 🔤 small lock glyph header
Delete account warning copy 🎨 A12 calm export/delete privacy scene (no alarm imagery)
Quiet hours (settings) toggle 🎨 A9 moon/window/two-muted-phones
Notifications (system) fallback glyph 🎨 G-set monochrome notification glyph (heart/paired-card)

Art to generate — ChatGPT prompts (prefix the House Style block to each)

Priority order = the moments a user feels most. Each is self-contained after you paste the House Style block first.

A1 · Pairing success celebration1:1, transparent bg.

Scene: two equal heart-halves (soft pink + soft lavender) sliding together into one whole heart at the center, with a gentle burst of small floating hearts and petals around it. Convey "you're connected now." Calm, joyful, no text.

A2 · Answer history empty state1:1.

Scene: a small soft journal/photo-album, slightly open, with two paired cards tucked inside and a few faint floating hearts; a lavender sprig beside it. Conveys "your shared moments will collect here." Quiet and inviting.

A3 · Connection Challenges header ("small steps together")16:9 banner, object-led.

Scene: a gentle winding path of soft stepping-stones, each stone a small rounded card, leading toward a glowing heart; a tiny lit candle and lavender fronds at the edges. Conveys a shared daily habit, "one small step at a time."

A4 · Memory Lane — sealed capsule1:1 (also usable as the sealed-card glyph).

Scene: a softly glowing sealed keepsake box/time-capsule with a small heart latch, a calendar/moon hint above it, a couple of petals settling. Conveys "sealed until your chosen date." Warm, secret, safe.

A5 · Date match — "it's a match" + empty1:1.

Scene: two date-idea cards (one pink, one lavender) leaning together to meet in the middle with a small heart where they touch; faint calendar/clock and a sun/hill motif behind. Conveys "you both chose this." For the empty variant, show the two cards slightly apart with a dotted soft line between them.

A6 · Bucket List empty state1:1.

Scene: a soft open notebook with a checklist of blank rounded lines, a small star and heart doodle, a pin/map dot and a tiny suitcase, lavender sprig accent. Conveys "save ideas to do together." Hopeful, light.

A7 · Question pack art (per missing pack)16:9 banner, object-led, match pack_art_*.

Scene: a fanned deck of paired cards as the hero object, themed to the pack topic with one simple symbol (e.g. intimacy = soft flame + petals; communication = two speech shapes; future = a small horizon/sunrise), framed by lavender fronds and a soft glow. No people, no readable text. (Generate one per pack that lacks pack_art_*.)

A8 · Messages empty state1:1.

Scene: two soft rounded chat bubbles (one pink, one lavender) gently overlapping with a small heart between them and a few floating petals; no text inside the bubbles. Conveys "your private conversation starts here."

A9 · Quiet hours1:1.

Scene: a calm night window with a soft crescent moon and stars, and two muted phones resting face-down on a bedside surface with a small lavender sprig. Conveys "gentle, no pressure, paused for the night." Soothing, no alarm imagery.

A10 · Past Games empty state1:1.

Scene: two paired game cards stacked with a soft replay/loop arc of petals around them and a faint heart. Conveys "the games you've played together will live here." Playful but calm.

A11 · Privacy / Recovery — privacy-lock1:1 or 4:5.

Scene: two sealed cards or closed journals nestled behind a soft, friendly padlock with a small heart on it; a key shape made of a lavender sprig; quiet protective glow. Conveys "only the two of you hold the key." Reassuring, warm — not a cold security/vault look.

A12 · Account deletion — calm goodbye1:1.

Scene: a soft open box gently releasing a few hearts/petals upward, with a faint door/horizon and a lavender sprig; muted, respectful, peaceful. Conveys "your data leaves with you." No warning triangles, red, broken hearts, or alarm imagery.

G-set · Notification + relationship glyphssingle-color vector, square, legible at 24 dp. (One prompt each:)

Simple single-color flat glyph in the Closer style, no text, no background: heart-of-two-halves, paired sealed cards, daily card, sealed answer (card with small lock), memory capsule, date-card with heart, quiet-hours moon, couple-premium (heart + small crown/spark, tasteful), export-data, delete-account. Export in lavender for in-app and as high-contrast monochrome for the platform notification glyph.


Notes for the asset hand-off

  • Match filenames to the existing scheme: illustration_<name>.png (nodpi), pack_art_<pack>.png, glyph_<name>.xml, particle_<name>.png. Provide @1x in drawable-nodpi/ (illustrations) or density buckets where the existing asset has them.
  • Several items above are "wire existing iOS art into Android," not new generation — do that first (cheaper): history, invite, daily-question, together-empty, partner-activation already exist on iOS.
  • After adding art, re-run Pass C (visual, light + dark) on those screens to confirm contrast + no clipping, and re-export store graphics per docs/brand/visual-identity.md if the palette/mark changed.