2026-06-19 19:10:03 -05:00
|
|
|
# Closer visual identity
|
|
|
|
|
|
|
|
|
|
Closer should feel private, warm, and made for an equal partnership—not clinical, gamified, or like
|
|
|
|
|
a public dating profile.
|
|
|
|
|
|
2026-06-21 17:56:46 -05:00
|
|
|
Product goal: **private, mutual-reveal relationship questions with real encryption and calmer UX**.
|
|
|
|
|
Visual decisions should reinforce that promise before decoration, novelty, or growth mechanics.
|
|
|
|
|
|
2026-06-25 11:26:21 -05:00
|
|
|
For the full working asset set, including illustration, notification, store, and logo-export
|
|
|
|
|
requirements, see `docs/brand/asset-system.md`.
|
|
|
|
|
|
2026-06-19 19:10:03 -05:00
|
|
|
## Brand mark
|
|
|
|
|
|
2026-06-25 14:34:27 -05:00
|
|
|
The mark is the approved Closer `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
|
|
|
|
|
meeting in one private space; the keyhole represents trust and privacy.
|
2026-06-19 19:10:03 -05:00
|
|
|
|
2026-06-25 14:34:27 -05:00
|
|
|
- Master mark source: `docs/brand/sources/closer-approved-icon-source.png`
|
|
|
|
|
- Transparent mark source: `docs/brand/sources/closer-mark-transparent-keyhole-aubergine.png`
|
2026-06-25 14:48:57 -05:00
|
|
|
- Dark-background mark source: `docs/brand/sources/closer-mark-on-dark.svg`
|
|
|
|
|
- Light-background mark source: `docs/brand/sources/closer-mark-on-light.svg`
|
2026-06-19 19:10:03 -05:00
|
|
|
- Launcher source: `docs/store/sources/app-icon.svg`
|
|
|
|
|
- Android adaptive layers: `app/src/main/res/drawable/ic_launcher_*`
|
2026-06-25 14:34:27 -05:00
|
|
|
- Android notification glyph: `app/src/main/res/drawable-nodpi/ic_notification_closer.png`
|
2026-06-19 19:10:03 -05:00
|
|
|
- Minimum clear space: one quarter of the mark's width on all sides.
|
2026-06-25 14:34:27 -05:00
|
|
|
- Minimum digital size: 24 px. At small sizes, use the solid monochrome C-heart-keyhole glyph.
|
|
|
|
|
|
|
|
|
|
Keep the mark visually faithful to the approved artwork. Do not redraw it as a generic `C`, close
|
|
|
|
|
the aperture into an `O`, add a padlock shackle, turn the keyhole into a heart, add a separate key,
|
|
|
|
|
or place text inside the icon.
|
2026-06-19 19:10:03 -05:00
|
|
|
|
2026-06-25 14:48:57 -05:00
|
|
|
### Keyhole color
|
|
|
|
|
|
|
|
|
|
Use the keyhole color to support contrast without changing the official icon:
|
|
|
|
|
|
|
|
|
|
- **Primary app icon / launcher / store icon:** keep the approved dark keyhole. It feels private and
|
|
|
|
|
premium, and keeps the icon from looking like a generic security app.
|
|
|
|
|
- **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.
|
|
|
|
|
- **Notification small icon:** use the single-color platform glyph; do not use the full-color
|
|
|
|
|
launcher art.
|
|
|
|
|
- **Loading mark:** use the aubergine-keyhole variant on light/card surfaces.
|
|
|
|
|
|
2026-06-19 19:10:03 -05:00
|
|
|
## Core colors
|
|
|
|
|
|
|
|
|
|
| Role | Color | Hex |
|
|
|
|
|
| --- | --- | --- |
|
|
|
|
|
| Trust / deep background | Aubergine | `#24122F` |
|
|
|
|
|
| Primary brand | Deep purple | `#56306F` |
|
|
|
|
|
| Connection accent | Lavender | `#B98AF4` |
|
|
|
|
|
| Partner one | Soft pink | `#F7C8E4` |
|
|
|
|
|
| Partner two | Soft lavender | `#D9B8FF` |
|
|
|
|
|
| Warm light surface | Blush white | `#FFF8FC` |
|
|
|
|
|
|
|
|
|
|
Use the deep tones for trust and privacy, and the softer tones for connection and warmth. Product
|
|
|
|
|
text must continue using semantic Material theme colors so contrast remains correct in light and dark
|
|
|
|
|
mode.
|
|
|
|
|
|
|
|
|
|
## Store voice
|
|
|
|
|
|
|
|
|
|
- Primary promise: **A private space for two.**
|
|
|
|
|
- Supporting idea: **Private by design · Made for connection.**
|
2026-06-19 21:46:12 -05:00
|
|
|
- Feature graphic support line: **Daily questions, private reveals, and gentle ways to reconnect.**
|
2026-06-19 19:10:03 -05:00
|
|
|
- Prefer calm, specific language. Avoid promises to “fix” a relationship, competitive streak copy,
|
|
|
|
|
urgency, or public/social framing.
|
|
|
|
|
|
2026-06-19 20:24:50 -05:00
|
|
|
## Rotating privacy messages
|
|
|
|
|
|
|
|
|
|
Approved production rotation:
|
|
|
|
|
|
2026-06-19 21:46:12 -05:00
|
|
|
- **Your relationship is yours, not ours.**
|
2026-06-19 20:24:50 -05:00
|
|
|
- **Answer honestly. Reveal intentionally.**
|
|
|
|
|
- **For conversations that belong to the two of you.**
|
|
|
|
|
- **No audience. No public feed. Just the two of you.**
|
|
|
|
|
- **Private by design.**
|
|
|
|
|
- **A private space for two.**
|
2026-06-19 21:17:59 -05:00
|
|
|
- **Not even Closer can read your answers.**
|
|
|
|
|
- **End to end encrypted private responses.**
|
|
|
|
|
- **Built for trust, not tracking.**
|
2026-06-19 20:24:50 -05:00
|
|
|
|
2026-06-19 21:17:59 -05:00
|
|
|
All legacy couples have been migrated to encryption version 2. Answer-bearing writes fail closed
|
|
|
|
|
when the couple key is unavailable. These claims describe deployed behavior.
|
2026-06-19 21:08:55 -05:00
|
|
|
|
2026-06-19 19:10:03 -05:00
|
|
|
## Asset rules
|
|
|
|
|
|
|
|
|
|
- Store graphics and screenshots should use the same purple/pink palette as the product.
|
|
|
|
|
- Lead with privacy and mutual connection before feature volume.
|
2026-06-25 14:34:27 -05:00
|
|
|
- The Play feature graphic should show the C-heart-keyhole mark, the primary promise, and compact
|
|
|
|
|
product cues for private reveals, two-person use, and daily rituals. Do not turn it into a feature
|
|
|
|
|
checklist.
|
2026-06-19 19:10:03 -05:00
|
|
|
- Do not show intimate answer content, real email addresses, invite codes, or notification tokens.
|
|
|
|
|
- Use clean demo data and crop out development indicators before publishing.
|
2026-06-19 21:46:12 -05:00
|
|
|
- Re-export `docs/store/app-icon-512.png` and `docs/store/feature-graphic-1024x500.png` from the
|
|
|
|
|
SVG sources after any mark, palette, or store-copy change.
|