# CLAIR — Media Assets Guide
All assets referenced below are available in the CLAIR marketing repository under `marketing-assets/`. High-resolution files suitable for print and digital use.
---
## Logos
**Directory:** `marketing-assets/logos/`
### Primary Logos
| File | Format | Description | Use Case |
|------|--------|-------------|----------|
| `clair-mark.svg` | SVG | Standalone C mark (broken-circle icon) | App icon, social avatars, favicons, small placements |
| `clair-mark.png` | PNG | Standalone C mark (raster) | Same as above, for platforms requiring PNG |
| `clair-mark-only-light.png` | PNG | C mark optimized for light backgrounds | Light-background editorial and web use |
| `clair-wordmark.svg` | SVG | CLAIR wordmark only (no icon) | Editorial layouts, text-heavy placements |
| `clair-wordmark.png` | PNG | CLAIR wordmark (raster) | Same as above, for platforms requiring PNG |
| `clair-wordmark-large.png` | PNG | High-resolution wordmark | Print, large-format, retina displays |
| `clair-wordmark-only-light.png` | PNG | Wordmark for light backgrounds | Light-background editorial use |
### Lockups (Logo + Tagline)
| File | Format | Description | Use Case |
|------|--------|-------------|----------|
| `clair-horizontal-lockup.svg` | SVG | Wordmark + tagline, horizontal layout | Preferred for video, banners, website headers, presentations |
| `clair-horizontal-lockup.png` | PNG | Horizontal lockup (raster) | Same as above, PNG format |
| `clair-full-light-lockup-horizontal.png` | PNG | Full horizontal lockup for light backgrounds | Light-background placements — editorial, web, print |
| `clair-full-dark-lockup-horizontal.png` | PNG | Full horizontal lockup for dark backgrounds | Dark-background placements — video, social, dark-mode editorial |
| `clair-full-dark-lockup-square.png` | PNG | Full lockup, square format, dark background | Social media profile images, square ad placements |
| `clair-full-light-lockup-horizontal.png` | PNG | Full lockup, horizontal, light background | Letterheads, light editorial, web banners |
| `clair-vertical-lockup.svg` | SVG | Wordmark + tagline, vertical layout (rose on white) | Square formats, social tiles, event signage |
| `clair-vertical-lockup-colored.svg` | SVG | Vertical layout, 1024x1024, colored | App store icon size, square social placements |
### Tagline & Combined
| File | Format | Description | Use Case |
|------|--------|-------------|----------|
| `clair-wordmark-tagline-combined.svg` | SVG | Full wordmark + "Dating, Decoded." in single SVG | One-file solution for wordmark + tagline |
| `clair-tagline-only.png` | PNG | "Dating, Decoded." tagline standalone | When tagline is used separately from logo |
| `clair-unlock-intelligence-tagline.png` | PNG | "Unlock Intelligence" alternate tagline variant | Campaign-specific use |
### Variants
| File | Format | Description | Use Case |
|------|--------|-------------|----------|
| `clair-logo-colors.svg` | SVG | Full colored logo | General-purpose colored logo |
| `clair-logo-colors.png` | PNG | Full colored logo (raster) | Same, PNG format |
| `clair-logo-colors-alt.png` | PNG | Alternate color variant | Secondary placements |
| `clair-logo-flattened-colorful.svg` | SVG | Flattened, full-color mark | Merchandise, embroidery, single-layer needs |
| `clair-logo-flattened-colorful.png` | PNG | Flattened, full-color (raster) | Same, PNG format |
| `clair-logo-1pt-stroke.svg` | SVG | Logo with 1pt stroke outline | Minimal placements, watermarks |
| `clair-logo-1pt-stroke.png` | PNG | 1pt stroke logo (raster) | Standard resolution |
| `clair-logo-1pt-stroke@3x.png` | PNG | 1pt stroke logo, 3x retina | High-DPI / retina displays |
---
## Product Screenshots
**Directory:** `marketing-assets/screenshots/`
All screenshots are mobile-resolution PNGs showing the CLAIR iOS app interface.
| File | Description | Suggested Use |
|------|-------------|---------------|
| `extracting-profile-data.png` | Screenshot upload and processing flow — shows CLAIR analyzing a dating profile | Demo sequences, "how it works" sections, tutorial content |
| `dossier-ready.png` | Dossier completion screen — analysis finished, ready to view | Product reveal moments, completion states |
| `dossier-ready-87pct.png` | Dossier completion with 87% compatibility score displayed | Compatibility feature highlights, hero images |
| `dossier-details.png` | Full match dossier — personality traits, social profiles, tools | Feature overviews, deep-dive content, editorial |
| `compatibility-analysis.png` | 87% compatibility breakdown with trait-by-trait scoring | Compatibility feature focus, data/science angle |
| `red-flag-analysis.png` | Red flag detection results | Safety messaging, red flag feature highlights |
| `red-flags-analysis.png` | Alternate red flag analysis view | Safety messaging (alternate crop/layout) |
| `conversation-starters.png` | AI-generated personalized conversation openers | Conversation coaching feature, practical value demos |
| `conversation-mastery.png` | Coaching guide with do's and don'ts | Communication coaching angle, ongoing value |
| `conversations-list.png` | List view of active conversations | Dashboard context, multi-match workflow |
| `share-conversation-starters.png` | Sharing conversation starters interface | Social/sharing features, virality angle |
| `how-we-predict-success.png` | Explainer screen on compatibility methodology | Science/methodology credibility, editorial |
---
## Campaign Assets
### Light Mode
**Directory:** `marketing-assets/light-mode/`
Light-theme campaign assets featuring the CLAIR cream (`#F5EFE8`) and latte (`#E6DACD`) palette. Suitable for print, web, and social media placements on light backgrounds.
### Dark Mode
**Directory:** `marketing-assets/dark-mode/`
Dark-theme campaign assets featuring the CLAIR obsidian (`#291E18`) and dark card (`#1C1C1E`) palette. Suitable for video, social media, and digital placements on dark backgrounds.
---
## Video
**Directory:** `marketing-assets/video/`
Promotional video files for CLAIR. Poster frames and thumbnails are located in `marketing-assets/video/posters/`.
---
## Usage Guidelines
- Use the **horizontal lockup** as the default logo placement for most contexts
- Choose **light lockup** on light backgrounds and **dark lockup** on dark backgrounds
- Maintain minimum clear space equal to the height of the C mark on all sides
- Do not rotate, stretch, recolor, add drop shadows, or apply filters to any logo file
- Do not recreate the wordmark in a different typeface
- Product screenshots may be used editorially without modification
- Credit "CLAIR / askclair.io" when using assets in editorial contexts
- For custom asset requests, contact press@askclair.io
---
## Download
All assets are available for download at **askclair.io/press** or by contacting press@askclair.io directly.
High-resolution print-ready files (300 DPI, CMYK) are available upon request for print publications.