# Klarna US

> Generated by BrandSweets from the klarna-com BrandDoc (v3, schema 1). Do not edit by hand.

## Identity

**Tagline:** Manage everyday payments securely with Klarna - online, in store, or with the Klarna Card. Flexible and interest-free options in the United States.

**Domain:** klarna.com


Manage everyday payments securely with Klarna - online, in store, or with the Klarna Card. Flexible and interest-free options in the United States.

## Colors

| Role | Name | Hex | Dark | Usage |
| --- | --- | --- | --- | --- |
| `primary` | — | `#fcabcc` | — | Primary brand color: CTAs, links, active states. |
| `secondary` | — | `#9d6989` | — | Secondary brand color. |
| `accent` | — | `#7039e2` | — | Accent: highlights and secondary emphasis. |
| `surface` | — | `#ffffff` | — | Page and card background. |
| `text` | — | `#111111` | — | Body text on surface. |

### Scales

- **primary:** 50 `#faf0f4`, 100 `#f3d8e3`, 200 `#fcabcc`, 300 `#fa70a7`, 400 `#f83f89`, 500 `#f6136e`, 600 `#d9085b`, 700 `#b1064b`, 800 `#8a053a`, 900 `#5b0b2b`, 950 `#3b071c`
- **secondary:** 50 `#f6f4f5`, 100 `#e8e3e6`, 200 `#dbc7d3`, 300 `#c5a6b9`, 400 `#b087a0`, 500 `#9d6989`, 600 `#885976`, 700 `#6f4960`, 800 `#56384b`, 900 `#3c2a35`, 950 `#271b23`
- **accent:** 50 `#f3f1f9`, 100 `#e2dbf0`, 200 `#c6aff3`, 300 `#a37eec`, 400 `#8352e5`, 500 `#7039e2`, 600 `#551dc3`, 700 `#4518a0`, 800 `#36137c`, 900 `#281353`, 950 `#1a0c36`
- **surface:** 50 `#ffffff`, 100 `#e6e6e6`, 200 `#d1d1d1`, 300 `#b5b5b5`, 400 `#9c9c9c`, 500 `#858585`, 600 `#707070`, 700 `#5c5c5c`, 800 `#474747`, 900 `#333333`, 950 `#212121`
- **text:** 50 `#f5f5f5`, 100 `#e6e6e6`, 200 `#d1d1d1`, 300 `#b5b5b5`, 400 `#9c9c9c`, 500 `#858585`, 600 `#707070`, 700 `#5c5c5c`, 800 `#474747`, 900 `#333333`, 950 `#111111`

## Typography

### Families

#### Barlow `barlow`
- **Source:** google
- **Weights:** 300 Light, 400 Regular, 500 Medium, 600 Semibold, 700 Bold, 800 Extrabold
- **Fallback stack:** `Barlow, sans-serif`

#### var(--marketing-font-family-body) `var-marketing-font-family-body`
- **Source:** custom
- **Weights:** 400 Regular, 700 Bold
- **Fallback stack:** `"var(--marketing-font-family-body)", "Helvetica Neue", Arial, Helvetica, sans-serif`
- **Licensing:** Auto-detected web font; provenance unconfirmed. Reference only — never rehost without a license.

### Role assignments

- **heading:** Barlow (`barlow`)
- **body:** var(--marketing-font-family-body) (`var-marketing-font-family-body`)

### Scale

| Step | Size (rem) | Line height | Tracking (em) |
| --- | --- | --- | --- |
| sm | 0.875 | 1.5 | — |
| base | 1 | 1.6 | — |
| lg | 1.25 | 1.4 | — |
| xl | 1.75 | 1.25 | — |
| 2xl | 2.25 | 1.15 | — |
| display | 3.5 | 1.05 | -0.02 |

## Logos

### primary
- **Formats:**
  - `svg` (20×20): data:image/svg+xml,%3Csvg%20class%3D%22sc-2a35ef35-0%20cIajTH%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20%204.99902H0V2.99902H20V4.99902ZM20%2017H0V15H20V17ZM20%2011H0V9.00002H20V11Z%22%20fill%3D%22%23E2E9FB%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E
- **Clearspace:** 1× logo-height — Default clearspace of one logo-height on all sides (auto-seeded; refine after review).
- **Min size:** 24px w (screen)
- **Allowed backgrounds:** any

### mark
- **Formats:**
  - `svg` (20×20): data:image/svg+xml,%3Csvg%20class%3D%22sc-2a35ef35-0%20kqxYcn%20sc-9edba5fc-1%20ihngoV%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.3639%2017.1855L13.5624%2012.3845C14.4408%2011.2552%2014.9696%209.84104%2014.9696%208.3029C14.9696%204.62696%2011.9788%201.63623%208.3029%201.63623C4.62696%201.63623%201.63623%204.62696%201.63623%208.3029C1.63623%2011.9788%204.62696%2014.9696%208.3029%2014.9696C9.84083%2014.9696%2011.2548%2014.4409%2012.384%2013.5628L17.1855%2018.3639L18.3639%2017.1855ZM8.3029%2013.3029C5.54574%2013.3029%203.3029%2011.0601%203.3029%208.3029C3.3029%205.54574%205.54574%203.3029%208.3029%203.3029C11.0601%203.3029%2013.3029%205.54574%2013.3029%208.3029C13.3029%2011.0601%2011.0601%2013.3029%208.3029%2013.3029Z%22%20fill%3D%22%23615F6D%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any

### wordmark
- **Formats:**
  - `svg` (91×22): data:image/svg+xml,%3Csvg%20class%3D%22sc-2a35ef35-0%20cIajTH%22%20width%3D%2291%22%20height%3D%2222%22%20viewBox%3D%220%200%2091%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M82.2782%2017.9579C80.1693%2017.9579%2078.5256%2016.23%2078.5256%2014.1318C78.5256%2012.0337%2080.1693%2010.3057%2082.2782%2010.3057C84.3871%2010.3057%2086.0308%2012.0337%2086.0308%2014.1318C86.0308%2016.23%2084.3871%2017.9579%2082.2782%2017.9579ZM81.2238%2022C83.0225%2022%2085.3176%2021.3212%2086.5891%2018.6676L86.7131%2018.7293C86.1549%2020.1795%2086.1549%2021.0435%2086.1549%2021.2595V21.5989H90.6828V6.6648H86.1549V7.00421C86.1549%207.2202%2086.1549%208.08415%2086.7131%209.53436L86.5891%209.59607C85.3176%206.9425%2083.0225%206.26367%2081.2238%206.26367C76.9129%206.26367%2073.8736%209.65778%2073.8736%2014.1318C73.8736%2018.6059%2076.9129%2022%2081.2238%2022ZM65.9963%206.26367C63.9494%206.26367%2062.3367%206.97335%2061.0341%209.59607L60.9101%209.53436C61.4683%208.08415%2061.4683%207.2202%2061.4683%207.00421V6.6648H56.9404V21.5989H61.5924V13.7307C61.5924%2011.6634%2062.8019%2010.3675%2064.7557%2010.3675C66.7096%2010.3675%2067.671%2011.4783%2067.671%2013.6999V21.5989H72.323V12.0954C72.323%208.70126%2069.6558%206.26367%2065.9963%206.26367ZM50.2105%209.59607L50.0864%209.53436C50.6447%208.08415%2050.6447%207.2202%2050.6447%207.00421V6.6648H46.1168V21.5989H50.7687L50.7998%2014.4095C50.7998%2012.3114%2051.9162%2011.0463%2053.746%2011.0463C54.2422%2011.0463%2054.6454%2011.108%2055.1106%2011.2314V6.6648C53.0637%206.23282%2051.2339%207.00421%2050.2105%209.59607ZM35.4172%2017.9579C33.3083%2017.9579%2031.6646%2016.23%2031.6646%2014.1318C31.6646%2012.0337%2033.3083%2010.3057%2035.4172%2010.3057C37.5261%2010.3057%2039.1698%2012.0337%2039.1698%2014.1318C39.1698%2016.23%2037.5261%2017.9579%2035.4172%2017.9579ZM34.3627%2022C36.1615%2022%2038.4565%2021.3212%2039.728%2018.6676L39.8521%2018.7293C39.2938%2020.1795%2039.2938%2021.0435%2039.2938%2021.2595V21.5989H43.8218V6.6648H39.2938V7.00421C39.2938%207.2202%2039.2938%208.08415%2039.8521%209.53436L39.728%209.59607C38.4565%206.9425%2036.1615%206.26367%2034.3627%206.26367C30.0519%206.26367%2027.0126%209.65778%2027.0126%2014.1318C27.0126%2018.6059%2030.0519%2022%2034.3627%2022ZM20.5308%2021.5989H25.1828V0H20.5308V21.5989ZM17.1193%200H12.3743C12.3743%203.85694%209.98628%207.31276%206.35772%209.78121L4.93111%2010.7686V0H0V21.5989H4.93111V10.892L13.0876%2021.5989H19.1042L11.2578%2011.3548C14.8243%208.79383%2017.1503%204.81346%2017.1193%200Z%22%20fill%3D%22%23FFA8CD%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any

### mono
- **Formats:**
  - `svg` (20×20): data:image/svg+xml,%3Csvg%20class%3D%22sc-2a35ef35-0%20cIajTH%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cstyle%3E*%7Bfill%3A%23000000%3Bcolor%3A%23000000%7D%3C%2Fstyle%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20%204.99902H0V2.99902H20V4.99902ZM20%2017H0V15H20V17ZM20%2011H0V9.00002H20V11Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any
- **Notes:** Derived from primary (flattened to #000000). Auto-generated — review before use.

### inverse
- **Formats:**
  - `svg` (20×20): data:image/svg+xml,%3Csvg%20class%3D%22sc-2a35ef35-0%20cIajTH%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%3Cstyle%3E*%7Bfill%3A%23ffffff%3Bcolor%3A%23ffffff%7D%3C%2Fstyle%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20%204.99902H0V2.99902H20V4.99902ZM20%2017H0V15H20V17ZM20%2011H0V9.00002H20V11Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any
- **Notes:** Derived from primary (flattened to #ffffff for dark backgrounds). Auto-generated — review before use.

### app-icon
- **Formats:**
  - `png`: data:image/png;base64,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
- **Allowed backgrounds:** any

## Boards

- **Cover** — `cover` (`board-cover`)
- **Color System** — `color-system` (`board-colors`)
- **Type Specimen** — `type-specimen` (`board-type`)
- **Logo Suite** — `logo-suite` (`board-logos`)

## Resources

- Tokens (JSON): /b/klarna-com/tokens.json
- Tokens (CSS): /b/klarna-com/brand.css
- This document: /b/klarna-com/brand.md
- MCP endpoint (public read): mcp.brandsweets.com/klarna-com/mcp
- Agent integration guide: /agents.md