# Known brand kit

Known is a voice-first, swipeless dating app: one curated introduction at a time, and help planning the date itself. The brand should feel the way a good first date does: warm, calm, and real.

This is the machine-readable version of https://known.com/brand. Every file below is a stable public URL you can download directly. If you're placing Known somewhere public, email support@known.com with the subject "Brand placement review" and we'll take a look.

## Logo files

All marks are single-color vectors on a transparent background unless the variant says otherwise. Prefer SVG; use PNG where a raster is required. Pick the variant made for your background.

### Wordmark

For legal headers and landscape placements.

| Variant | Made for | Vector | Raster |
| --- | --- | --- | --- |
| Black | `#F3EFE6` | [SVG](https://known.com/brand/known-logo-wordmark-black.svg) | [PNG](https://known.com/brand/known-logo-wordmark-black.png) (5112×2448) |
| Cream | `#0C0A09` | [SVG](https://known.com/brand/known-logo-wordmark-cream.svg) | [PNG](https://known.com/brand/known-logo-wordmark-cream.png) (5112×2448) |
| On Ruby | `#6B0014` | [SVG](https://known.com/brand/known-logo-wordmark-on-ruby.svg) | [PNG](https://known.com/brand/known-logo-wordmark-on-ruby.png) (5112×2448) |

### Iconmark

Our default. Use it at any size over 1 inch (200px).

| Variant | Made for | Vector | Raster |
| --- | --- | --- | --- |
| Black | `#F3EFE6` | [SVG](https://known.com/brand/known-logo-iconmark-black.svg) | [PNG](https://known.com/brand/known-logo-iconmark-black.png) (4416×3600) |
| Cream | `#0C0A09` | [SVG](https://known.com/brand/known-logo-iconmark-cream.svg) | [PNG](https://known.com/brand/known-logo-iconmark-cream.png) (4416×3600) |
| On Ruby | `#6B0014` | [SVG](https://known.com/brand/known-logo-iconmark-on-ruby.svg) | [PNG](https://known.com/brand/known-logo-iconmark-on-ruby.png) (4416×3600) |

### Submark

For sizes under 1 inch (200px), or when you want to make a statement.

| Variant | Made for | Vector | Raster |
| --- | --- | --- | --- |
| Black | `#F3EFE6` | [SVG](https://known.com/brand/known-logo-submark-black.svg) | [PNG](https://known.com/brand/known-logo-submark-black.png) (4096×4096) |
| Cream | `#0C0A09` | [SVG](https://known.com/brand/known-logo-submark-cream.svg) | [PNG](https://known.com/brand/known-logo-submark-cream.png) (4096×4096) |

### App icon

- [Known app icon (PNG)](https://assets.known.com/icons/app-store.png)

## Using the marks

The iconmark is the default. Use the wordmark for wide, landscape placements and the submark below 1 inch (200px).

Do:
- Give it clear space on every side.
- Keep full contrast with the background.
- Scale the whole mark proportionally.

Don't:
- Don't recolor the mark.
- Don't stretch or distort it.
- Don't add shadows, glows, or outlines.
- Don't rotate or tilt it.
- Don't place it on a busy, low-contrast field.
- Don't redraw the logo in a typeface. Always use the files above.

In running text, write the name as "Known", capitalized. The lowercase form belongs only to the logo.

## Palette

| Name | Hex | Also called | CMYK | Pantone | Use |
| --- | --- | --- | --- | --- | --- |
| Ruby | `#6B0014` | Dark ruby | C0 M100 Y81 K58 | Pantone 187 C | Our deep red accent. Use it for a focused call to action, with white text on filled buttons. |
| Red | `#C91515` | Marketing red | — | — | A brighter alternative to Ruby. Use it when marketing needs more energy, paired with off-white or white type. |
| Off-white | `#F9F5F0` | Warm white | C0 M2 Y4 K2 | Pantone 9285 C | Our warm off-white. The default light background. |
| Cream | `#F3EFE6` | Editorial cream | — | — | Our editorial cream. Use it for warm reading surfaces and soft accents. |
| Black | `#0C0A09` | Warm black | C0 M17 Y25 K95 | — | A warm near-black. Softer than pure black, but with great contrast. |

- Ruby is the action color. Filled calls to action use Ruby with white text.
- Red sits alongside Ruby for higher-energy marketing. It never replaces Ruby.
- Small red text on a dark ground uses the brighter `#F06475` for legibility. Never set dark Ruby text on black.
- Light surfaces are warm off-white or cream, never stark white. Body text on cream uses ink `#24231F`. Dark surfaces are warm near-black, never pure black.
- Cream and Red have no Pantone or print specifications. Don't invent them.

## Typography

| Role | Typeface | Use |
| --- | --- | --- |
| Headlines | Rhymes Text (serif) | Large, expressive, closely tracked editorial headlines. |
| Everything else | System sans serif (SF Pro on Apple devices), Switzer elsewhere | Navigation, body copy, labels and interface text. |

- Serif headlines don't mean serif body text. Keep supporting copy in the sans serif.
- Labels use sentence case with natural letter spacing, not spaced-out uppercase.
- Scale headlines responsively and let them wrap. Never clip them.
- Switzer is free from Fontshare. Rhymes Text and SF Pro are licensed, so don't embed or redistribute their font files.

## Look and feel

Modern, minimalist and editorial, almost like modern art. Confident scale, beautiful type, strong imagery and deliberate empty space do the work. Prefer wide, open compositions and thin rules over stacks of rounded cards, badges and decorative containers.

- **Real moments.** We show real people and real dates, not a highlight reel. If it looks staged, it's wrong.
- **Fluid reflections.** Our surfaces are glassy and soft. Light moves through them, edges blur, nothing sits flat or dead.
- **Felt, not just seen.** The app responds under your thumb. Things have weight, and the haptics actually mean something.

## Talking about Known

- Tagline: "Your pocket matchmaker."
- Title format for pages about Known: "[Title] | Known".
- Use only facts Known has published. Don't invent ratings, reviews, statistics or guarantees. Company facts for citation live at https://known.com/llms.txt.