docs(store): use white-keyhole logo heart in banner
This commit is contained in:
parent
cbb42a6e5c
commit
122aef7b88
|
|
@ -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
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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 |
|
|
@ -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 |
Loading…
Reference in New Issue