# Rippling

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

## Identity

**Tagline:** Rippling eliminates the friction from running a business, combining HR, IT, and Finance apps on a unified data platform.

**Domain:** rippling.com


Rippling eliminates the friction from running a business, combining HR, IT, and Finance apps on a unified data platform.

## Colors

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

### Scales

- **primary:** 50 `#faf6ef`, 100 `#f4e9d7`, 200 `#ffdca3`, 300 `#ffc66b`, 400 `#ffb338`, 500 `#ffa81d`, 600 `#e08a00`, 700 `#b87100`, 800 `#8f5800`, 900 `#5e3d08`, 950 `#3d2805`
- **secondary:** 50 `#f9f1f6`, 100 `#efdcea`, 200 `#f0b2df`, 300 `#e783cb`, 400 `#df58b9`, 500 `#d831a9`, 600 `#bc2491`, 700 `#9f1e7a`, 800 `#78175c`, 900 `#501640`, 950 `#340e29`
- **accent:** 50 `#faf6ef`, 100 `#f4e9d7`, 200 `#ffdca3`, 300 `#ffc66b`, 400 `#ffb338`, 500 `#ffa81d`, 600 `#e08a00`, 700 `#b87100`, 800 `#8f5800`, 900 `#5e3d08`, 950 `#3d2805`
- **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 `#000000`

## Typography

### Families

#### __basel_e55247 `basel-e55247`
- **Source:** custom
- **Weights:** 400 Regular, 600 Semibold, 700 Bold
- **Fallback stack:** `"__basel_e55247", "__basel_Fallback_e55247", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"`
- **Licensing:** Auto-detected web font; provenance unconfirmed. Reference only — never rehost without a license.

#### Times New Roman `times-new-roman`
- **Source:** system
- **Weights:** 400 Regular, 700 Bold
- **Fallback stack:** `"Times New Roman", sans-serif`

### Role assignments

- **heading:** __basel_e55247 (`basel-e55247`)
- **body:** Times New Roman (`times-new-roman`)

### 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` (127×18): data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20127%2018%22%20class%3D%22sava-site-logo-primary%20fill-content-label-l0-active%22%20height%3D%2218%22%20width%3D%22127%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.878%204.99C2.878%203.01%201.875%201.374%200%200h4.358a6.26%206.26%200%20012.467%204.99%206.26%206.26%200%2001-2.467%204.99c1.415.59%202.22%202.03%202.22%204.091v3.927H2.632v-3.927c0-1.963-.937-3.337-2.631-4.09%201.875-1.375%202.878-3.01%202.878-4.99zm8.552%200c0-1.98-1.003-3.616-2.878-4.99h4.359a6.26%206.26%200%20012.466%204.99%206.26%206.26%200%2001-2.466%204.99c1.414.59%202.22%202.03%202.22%204.091v3.927h-3.947v-3.927c0-1.963-.938-3.337-2.632-4.09%201.875-1.375%202.878-3.01%202.878-4.99zm8.554%200c0-1.98-1.003-3.616-2.878-4.99h4.358a6.26%206.26%200%20012.467%204.99%206.26%206.26%200%2001-2.467%204.99c1.415.59%202.22%202.03%202.22%204.091v3.927h-3.947v-3.927c0-1.963-.937-3.337-2.631-4.09%201.875-1.375%202.878-3.01%202.878-4.99zM35.952%2014.728H32.96V3.272h7.352c3.536%200%205.279%201.31%205.279%203.453%200%201.456-.855%202.552-2.45%203.109%201.644.245%202.384%201.112%202.384%202.667v2.225h-3.026v-2.094c0-1.31-.658-1.833-2.385-1.833h-4.16v3.929zm4.194-9.787h-4.194v4.19h4.161c1.513%200%202.45-.835%202.45-2.144%200-1.293-.87-2.046-2.417-2.046zM50.787%203.272h-2.993v11.456h2.993V3.272zM59.964%2010.995h-3.651v3.731h-2.994V3.272h6.71c3.536%200%205.395%201.473%205.395%203.83%200%202.437-1.891%203.893-5.46%203.893zm-.066-6.054h-3.585v4.385h3.552c1.546%200%202.5-.785%202.5-2.208%200-1.391-.954-2.177-2.467-2.177zM73.845%2010.995h-3.651v3.731H67.2V3.272h6.71c3.536%200%205.395%201.473%205.395%203.83%200%202.437-1.892%203.893-5.46%203.893zm-.066-6.054h-3.585v4.385h3.552c1.546%200%202.5-.785%202.5-2.208%200-1.391-.954-2.177-2.467-2.177zM84.074%203.272v9.752h7.467v1.704h-10.46V3.272h2.993zM96.407%203.272h-2.993v11.456h2.993V3.272zM100.914%207.101v7.627H98.94V3.272h2.239l8.157%207.625V3.272h1.974v11.456h-2.237L100.914%207.1zM121.08%204.614c-2.846%200-4.704%201.8-4.704%204.483%200%202.65%201.776%204.287%204.539%204.287h.197c.938%200%201.99-.197%202.961-.507V9.784h-4.835V8.148H127v5.383c-1.611.835-4.046%201.49-6.019%201.49h-.263c-4.54%200-7.467-2.39-7.467-5.859%200-3.436%203.01-6.184%207.631-6.184h.263c1.925%200%204.128.605%205.757%201.554l-.856%201.39c-1.463-.801-3.207-1.308-4.769-1.308h-.197z%22%2F%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` (16×16): data:image/svg+xml,%3Csvg%20class%3D%22hidden%20header%3Ablock%20w-4%20h-4%20fill-content-icon-l0-inactive%22%20fill%3D%22inherit%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.96%209%207%209.966%2012%2015l5-5.034L16.04%209%2012%2013.07%207.956%209h.002Z%22%2F%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any

### mono
- **Formats:**
  - `svg` (14×20): data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%226%22%20viewBox%3D%220%200%2010%206%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M8.36722%200.5L9.16665%201.30489L4.99998%205.5L0.833313%201.30489L1.63274%200.5L5.00073%203.89099L8.36873%200.5L8.36722%200.5Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any

### inverse
- **Formats:**
  - `svg` (127×18): data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20viewBox%3D%220%200%20127%2018%22%20class%3D%22sava-site-logo-primary%20fill-content-label-l0-active%22%20height%3D%2218%22%20width%3D%22127%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cstyle%3E*%7Bfill%3A%23ffffff%3Bcolor%3A%23ffffff%7D%3C%2Fstyle%3E%3Cpath%20d%3D%22M2.878%204.99C2.878%203.01%201.875%201.374%200%200h4.358a6.26%206.26%200%20012.467%204.99%206.26%206.26%200%2001-2.467%204.99c1.415.59%202.22%202.03%202.22%204.091v3.927H2.632v-3.927c0-1.963-.937-3.337-2.631-4.09%201.875-1.375%202.878-3.01%202.878-4.99zm8.552%200c0-1.98-1.003-3.616-2.878-4.99h4.359a6.26%206.26%200%20012.466%204.99%206.26%206.26%200%2001-2.466%204.99c1.414.59%202.22%202.03%202.22%204.091v3.927h-3.947v-3.927c0-1.963-.938-3.337-2.632-4.09%201.875-1.375%202.878-3.01%202.878-4.99zm8.554%200c0-1.98-1.003-3.616-2.878-4.99h4.358a6.26%206.26%200%20012.467%204.99%206.26%206.26%200%2001-2.467%204.99c1.415.59%202.22%202.03%202.22%204.091v3.927h-3.947v-3.927c0-1.963-.937-3.337-2.631-4.09%201.875-1.375%202.878-3.01%202.878-4.99zM35.952%2014.728H32.96V3.272h7.352c3.536%200%205.279%201.31%205.279%203.453%200%201.456-.855%202.552-2.45%203.109%201.644.245%202.384%201.112%202.384%202.667v2.225h-3.026v-2.094c0-1.31-.658-1.833-2.385-1.833h-4.16v3.929zm4.194-9.787h-4.194v4.19h4.161c1.513%200%202.45-.835%202.45-2.144%200-1.293-.87-2.046-2.417-2.046zM50.787%203.272h-2.993v11.456h2.993V3.272zM59.964%2010.995h-3.651v3.731h-2.994V3.272h6.71c3.536%200%205.395%201.473%205.395%203.83%200%202.437-1.891%203.893-5.46%203.893zm-.066-6.054h-3.585v4.385h3.552c1.546%200%202.5-.785%202.5-2.208%200-1.391-.954-2.177-2.467-2.177zM73.845%2010.995h-3.651v3.731H67.2V3.272h6.71c3.536%200%205.395%201.473%205.395%203.83%200%202.437-1.892%203.893-5.46%203.893zm-.066-6.054h-3.585v4.385h3.552c1.546%200%202.5-.785%202.5-2.208%200-1.391-.954-2.177-2.467-2.177zM84.074%203.272v9.752h7.467v1.704h-10.46V3.272h2.993zM96.407%203.272h-2.993v11.456h2.993V3.272zM100.914%207.101v7.627H98.94V3.272h2.239l8.157%207.625V3.272h1.974v11.456h-2.237L100.914%207.1zM121.08%204.614c-2.846%200-4.704%201.8-4.704%204.483%200%202.65%201.776%204.287%204.539%204.287h.197c.938%200%201.99-.197%202.961-.507V9.784h-4.835V8.148H127v5.383c-1.611.835-4.046%201.49-6.019%201.49h-.263c-4.54%200-7.467-2.39-7.467-5.859%200-3.436%203.01-6.184%207.631-6.184h.263c1.925%200%204.128.605%205.757%201.554l-.856%201.39c-1.463-.801-3.207-1.308-4.769-1.308h-.197z%22%2F%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any
- **Notes:** Derived from primary (flattened to #ffffff for dark backgrounds). Auto-generated — review before use.

### favicon
- **Formats:**
  - `svg`: data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_20365_4972)%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%237A005D%22%2F%3E%3Cpath%20d%3D%22M4.20267%206.32955C4.20267%205.50455%203.78345%204.82273%203%204.25H4.82118C5.46031%204.74091%205.85204%205.49091%205.85204%206.32955C5.85204%207.16818%205.46031%207.91818%204.82118%208.40909C5.41221%208.65455%205.74895%209.25455%205.74895%2010.1136V11.75H4.09958V10.1136C4.09958%209.29546%203.70786%208.72273%203%208.40909C3.78345%207.83636%204.20267%207.15455%204.20267%206.32955ZM7.7763%206.32955C7.7763%205.50455%207.35709%204.82273%206.57364%204.25H8.39482C9.03395%204.74091%209.42568%205.49091%209.42568%206.32955C9.42568%207.16818%209.03395%207.91818%208.39482%208.40909C8.98584%208.65455%209.32259%209.25455%209.32259%2010.1136V11.75H7.67322V10.1136C7.67322%209.29546%207.28149%208.72273%206.57364%208.40909C7.35709%207.83636%207.7763%207.15455%207.7763%206.32955ZM11.3506%206.32955C11.3506%205.50455%2010.9314%204.82273%2010.148%204.25H11.9691C12.6083%204.74091%2013%205.49091%2013%206.32955C13%207.16818%2012.6083%207.91818%2011.9691%208.40909C12.5602%208.65455%2012.8969%209.25455%2012.8969%2010.1136V11.75H11.2475V10.1136C11.2475%209.29546%2010.8558%208.72273%2010.148%208.40909C10.9314%207.83636%2011.3506%207.15455%2011.3506%206.32955Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_20365_4972%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any

### app-icon
- **Formats:**
  - `png` (180×180): 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/rippling-com/tokens.json
- Tokens (CSS): /b/rippling-com/brand.css
- This document: /b/rippling-com/brand.md
- MCP endpoint (public read): mcp.brandsweets.com/rippling-com/mcp
- Agent integration guide: /agents.md