diff --git a/docs/brand/asset-system.md b/docs/brand/asset-system.md index 8108ebfe..b9d4e103 100644 --- a/docs/brand/asset-system.md +++ b/docs/brand/asset-system.md @@ -78,13 +78,13 @@ This section is only about the artwork used to represent notifications, not noti | Favicon set | Website/browser/PWA | Needed: 16, 32, 48, 180, 192, 512 px | Logo rule: the mark should mean "Closer is the private space around your relationship." Keep the -approved pink upper C, lavender lower sweep, heart-shaped inner space, and true keyhole. Do not +approved pink upper C, lavender lower sweep, heart-shaped inner space, and true white keyhole. Do not redraw it as a generic `C`, turn the keyhole into a heart, add a key or lock shackle, add faces, add text inside it, or use it as a reaction emoji. -Keyhole rule: use the white keyhole in the official launcher/store icon and on dark aubergine/purple -logo surfaces. Use the aubergine keyhole on light or blush in-app surfaces when the mark should feel -calmer. +Keyhole rule: full-color logo, store, README, marketing, and in-app brand-mark placements must keep +the keyhole white. Do not render the keyhole as a transparent cutout or swap it to aubergine/black +for light surfaces; only one-color platform glyphs may collapse the mark to a single color. ### 1a. Loaded asset sets → where they are used (routing) @@ -96,12 +96,12 @@ masters (do not ship them directly); ship the exports and the wired Android rast | `docs/brand/sources/closer-approved-icon-source.png` | Master source of truth (full color, dark keyhole) | Regenerate all icons from this after any mark change | | `docs/brand/sources/closer-approved-icon-square.png` | Square 1024 master | iOS `AppIcon` 1024, store 1024 | | `docs/brand/sources/closer-mark.svg` | Vector master of the mark | Source for all PNG exports | -| `docs/brand/sources/closer-mark-transparent-keyhole-white.png` | Transparent mark, white keyhole (for dark aubergine/purple) | **Source of** `drawable-nodpi/closer_launcher_foreground.png` (adaptive fg over the aubergine bg) + the Auth/Onboarding logo tile (dark surface) | -| `docs/brand/sources/closer-mark-transparent-keyhole-aubergine.png` | Transparent mark, dark keyhole (for light/blush surfaces) | Logo on light/blush placements + web/docs exports (no in-app wiring today — in-app loaders now use the white-keyhole chip) | -| `docs/brand/sources/closer-mark-transparent-keyhole-black.png` | Mono/max-contrast mark | Print/legal, max-contrast light | -| `docs/brand/exports/logo/transparent-keyhole-aubergine/closer-mark-{24..1024}.png` | Sized PNGs, dark keyhole | Web/email/social on light, docs, favicons | -| `docs/brand/exports/logo/transparent-keyhole-white/closer-mark-{24..1024}.png` | Sized PNGs, white keyhole | Same, on dark surfaces | -| `docs/brand/exports/logo/transparent-keyhole-black/closer-mark-{24..1024}.png` | Sized PNGs, mono | One-color/print/footer | +| `docs/brand/sources/closer-mark-transparent-keyhole-white.png` | Transparent mark, white keyhole | Preferred source for full-color logo placements | +| `docs/brand/sources/closer-mark-transparent-keyhole-aubergine.png` | Legacy transparent mark, dark keyhole | Do not use for new full-color logo placements | +| `docs/brand/sources/closer-mark-transparent-keyhole-black.png` | Legacy mono/max-contrast mark | One-color/print only | +| `docs/brand/exports/logo/transparent-keyhole-aubergine/closer-mark-{24..1024}.png` | Legacy sized PNGs, dark keyhole | Do not use for new full-color logo placements | +| `docs/brand/exports/logo/transparent-keyhole-white/closer-mark-{24..1024}.png` | Sized PNGs, white keyhole | Preferred transparent logo exports | +| `docs/brand/exports/logo/transparent-keyhole-black/closer-mark-{24..1024}.png` | Mono exports | One-color/print only | | `docs/brand/exports/logo/social/closer-mark-social-{1024,2048}.png` | Square social avatars / OG | Social profile + open-graph square | | `docs/brand/exports/logo/app-icon/closer-app-icon-512.png` | Play listing icon | `docs/store/app-icon-512.png` (Play Console) | | `app/src/main/res/drawable-nodpi/closer_launcher_foreground.png` | Adaptive **foreground** (white-keyhole mark, safe-zone) | `drawable/ic_launcher_foreground.xml` → `mipmap-anydpi-*/ic_launcher*.xml`; Auth/Onboarding logo tile; **`CloserMarkLoader` chip + `PairingSuccess` hero** (white-keyhole logo on the aubergine app-icon chip) | @@ -110,8 +110,8 @@ masters (do not ship them directly); ship the exports and the wired Android rast | `app/src/main/res/drawable-nodpi/ic_notification_closer.png` | Notification small icon (white+alpha silhouette) | `NotificationHelper`, `PartnerNotificationManager` `setSmallIcon` | Note: the section-1 rows `closer-mark-on-dark.svg` / `closer-mark-on-light.svg` and the lockup/favicon -rows are still **to-build** — the on-disk equivalents today are the `transparent-keyhole-white` (dark) -and `transparent-keyhole-aubergine` (light) PNG sets above. +rows are still **to-build**. New full-color exports should be based on the white-keyhole mark; the +dark-keyhole PNG sets above are legacy and should not guide new placements. ### 2. App Icons diff --git a/docs/brand/visual-identity.md b/docs/brand/visual-identity.md index 0d2d19c2..ba61f1d8 100644 --- a/docs/brand/visual-identity.md +++ b/docs/brand/visual-identity.md @@ -12,7 +12,7 @@ requirements, see `docs/brand/asset-system.md`. ## Brand mark The mark is the approved Closer Couples `C-heart-keyhole`: a soft pink upper `C`, lavender lower sweep, -a heart-shaped inner space, and a true centered keyhole. Pink and lavender represent two people +a heart-shaped inner space, and a true centered white keyhole. Pink and lavender represent two people meeting in one private space; the keyhole represents trust and privacy. - Master mark source: `docs/brand/sources/closer-approved-icon-source.png` @@ -32,14 +32,13 @@ or place text inside the icon. ### Keyhole color -Use the keyhole color to support contrast while keeping the official icon visually clear: +The keyhole is part of the privacy promise and should stay white in every full-color logo, store, +README, marketing, and in-app brand-mark placement. Do not render it as a transparent cutout or +switch it to aubergine/black for light surfaces. -- **Primary app icon / launcher / store icon:** use the white-keyhole square icon. It gives the - privacy cue enough contrast at launcher size. -- **Transparent mark on dark aubergine or purple:** use the white-keyhole variant so the privacy - cue stays visible. -- **Transparent mark on blush, white, or light UI:** use the aubergine-keyhole variant first; use - the black-keyhole variant only when maximum contrast is needed. +- **Primary app icon / launcher / store icon:** use the white-keyhole square icon. +- **Transparent mark on any background:** use the white-keyhole variant unless a one-color platform + glyph is technically required. - **Notification small icon:** use the single-color platform glyph; do not use the full-color launcher art. - **Loading mark:** the in-app loader is the **white-keyhole logo on an aubergine app-icon chip** with a diff --git a/docs/store/feature-graphic-1024x500.png b/docs/store/feature-graphic-1024x500.png index dd60f8d6..94c18f20 100644 Binary files a/docs/store/feature-graphic-1024x500.png and b/docs/store/feature-graphic-1024x500.png differ diff --git a/docs/store/sources/feature-graphic.svg b/docs/store/sources/feature-graphic.svg index 850c44da..9270158d 100644 --- a/docs/store/sources/feature-graphic.svg +++ b/docs/store/sources/feature-graphic.svg @@ -31,7 +31,8 @@ - + + For two No public feed