docs(store): use white-keyhole logo heart in banner

This commit is contained in:
null 2026-07-08 23:48:39 -05:00
parent cbb42a6e5c
commit 122aef7b88
4 changed files with 21 additions and 21 deletions

View File

@ -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 | | 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 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 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. 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 Keyhole rule: full-color logo, store, README, marketing, and in-app brand-mark placements must keep
logo surfaces. Use the aubergine keyhole on light or blush in-app surfaces when the mark should feel the keyhole white. Do not render the keyhole as a transparent cutout or swap it to aubergine/black
calmer. 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) ### 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-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-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.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-white.png` | Transparent mark, white keyhole | Preferred source for full-color logo placements |
| `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-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` | Mono/max-contrast mark | Print/legal, max-contrast light | | `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` | Sized PNGs, dark keyhole | Web/email/social on light, docs, favicons | | `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 | Same, on dark surfaces | | `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` | Sized PNGs, mono | One-color/print/footer | | `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/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) | | `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) | | `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` | | `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 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) rows are still **to-build**. New full-color exports should be based on the white-keyhole mark; the
and `transparent-keyhole-aubergine` (light) PNG sets above. dark-keyhole PNG sets above are legacy and should not guide new placements.
### 2. App Icons ### 2. App Icons

View File

@ -12,7 +12,7 @@ requirements, see `docs/brand/asset-system.md`.
## Brand mark ## Brand mark
The mark is the approved Closer Couples `C-heart-keyhole`: a soft pink upper `C`, lavender lower sweep, 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. meeting in one private space; the keyhole represents trust and privacy.
- Master mark source: `docs/brand/sources/closer-approved-icon-source.png` - Master mark source: `docs/brand/sources/closer-approved-icon-source.png`
@ -32,14 +32,13 @@ or place text inside the icon.
### Keyhole color ### 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 - **Primary app icon / launcher / store icon:** use the white-keyhole square icon.
privacy cue enough contrast at launcher size. - **Transparent mark on any background:** use the white-keyhole variant unless a one-color platform
- **Transparent mark on dark aubergine or purple:** use the white-keyhole variant so the privacy glyph is technically required.
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.
- **Notification small icon:** use the single-color platform glyph; do not use the full-color - **Notification small icon:** use the single-color platform glyph; do not use the full-color
launcher art. launcher art.
- **Loading mark:** the in-app loader is the **white-keyhole logo on an aubergine app-icon chip** with a - **Loading mark:** the in-app loader is the **white-keyhole logo on an aubergine app-icon chip** with a

Binary file not shown.

Before

Width:  |  Height:  |  Size: 96 KiB

After

Width:  |  Height:  |  Size: 96 KiB

View File

@ -31,7 +31,8 @@
<g transform="translate(606 274)" filter="url(#cardShadow)"> <g transform="translate(606 274)" filter="url(#cardShadow)">
<rect width="176" height="116" rx="22" fill="#FFF8FC"/> <rect width="176" height="116" rx="22" fill="#FFF8FC"/>
<circle cx="88" cy="32" r="16" fill="#FFE8F4"/> <circle cx="88" cy="32" r="16" fill="#FFE8F4"/>
<path d="M34 48c-4-5-20-17-23-27-3-8 2-15 11-15 5 0 9 3 12 8 3-5 7-8 12-8 9 0 14 7 11 15-3 10-19 22-23 27Z" fill="#9B1B5A" transform="translate(54 -4)"/> <path fill="#9B1B5A" transform="translate(72.4 16.4) scale(1.3)" d="M12,5.95C10.12,3.96 6.6,4.95 5.54,7.18C4.25,9.9 5.72,12.96 8.18,15.16C9.19,16.06 10.36,16.95 12,18.34C13.64,16.95 14.81,16.06 15.82,15.16C18.28,12.96 19.75,9.9 18.46,7.18C17.4,4.95 13.88,3.96 12,5.95Z"/>
<path fill="#FFFFFF" transform="translate(72.4 16.4) scale(1.3)" d="M12,10.1C11.2,10.1 10.55,10.75 10.55,11.55C10.55,12.1 10.86,12.58 11.31,12.83L10.72,15.85H13.28L12.69,12.83C13.14,12.58 13.45,12.1 13.45,11.55C13.45,10.75 12.8,10.1 12,10.1Z"/>
<text x="88" y="78" fill="#24122F" font-family="DejaVu Sans" font-size="18" font-weight="700" text-anchor="middle">For two</text> <text x="88" y="78" fill="#24122F" font-family="DejaVu Sans" font-size="18" font-weight="700" text-anchor="middle">For two</text>
<text x="88" y="100" fill="#6D5A75" font-family="DejaVu Sans" font-size="14" text-anchor="middle">No public feed</text> <text x="88" y="100" fill="#6D5A75" font-family="DejaVu Sans" font-size="14" text-anchor="middle">No public feed</text>
</g> </g>

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB