# Roblox

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

## Identity

**Tagline:** Roblox is the ultimate virtual universe that lets you create, share experiences with friends, and be anything you can imagine. Join millions of people and di…

**Sector:** gaming

**Domain:** roblox.com

**Guidelines:** https://about.roblox.com/newsroom


Roblox is the ultimate virtual universe that lets you create, share experiences with friends, and be anything you can imagine. Join millions of people and discover an infinite variety of immersive experiences created by a global community!

## Colors

| Role | Name | Hex | Dark | Usage |
| --- | --- | --- | --- | --- |
| `primary` | Bright Blue | `#345cfc` | — | Primary brand color: CTAs, links, active states. |
| `secondary` | Bright Blue | `#829efc` | — | Secondary brand color. |
| `accent` | Red | `#e75750` | — | Accent: highlights and secondary emphasis. |
| `surface` | White | `#ffffff` | — | Page and card background. |
| `text` | Near Black | `#111111` | — | Body text on surface. |

### Scales

- **primary:** 50 `#eff2fa`, 100 `#d8ddf3`, 200 `#a5b6fe`, 300 `#6d8afd`, 400 `#345cfc`, 500 `#0e3dfb`, 600 `#032fdd`, 700 `#0326b5`, 800 `#021e8d`, 900 `#091a5d`, 950 `#06113c`
- **secondary:** 50 `#eff2fa`, 100 `#d8def3`, 200 `#a5bafd`, 300 `#829efc`, 400 `#3d69fa`, 500 `#1047f9`, 600 `#0637db`, 700 `#052db3`, 800 `#04238b`, 900 `#0a1d5c`, 950 `#06133c`
- **accent:** 50 `#f9f1f1`, 100 `#f0dcdb`, 200 `#f4b2ae`, 300 `#ed827d`, 400 `#e75750`, 500 `#e23128`, 600 `#c5231b`, 700 `#a21d16`, 800 `#7e1711`, 900 `#541512`, 950 `#370e0c`
- **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

#### Inter `inter`
- **Source:** google
- **Weights:** 400 Regular, 600 Semibold, 700 Bold
- **Fallback stack:** `Inter, system-ui, sans-serif`

### Role assignments

- **body:** Inter (`inter`)

### 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 |

## Gradients

Derived from the colour roles (perceptual interpolation; same tokens in brand.css / tokens.json):

- **--brand-gradient:** `linear-gradient(135deg in oklab, #345cfc 0%, #829efc 100%)` — worst-case contrast white 2.55:1, black 4.08:1 AA-large
- **--brand-gradient-hero:** `linear-gradient(135deg in oklab, #2f4477 0%, #6b7697 100%)` — ink #ffffff; worst-case contrast white 4.50:1 AA, black 2.21:1
- **--brand-gradient-button:** `linear-gradient(180deg in oklch shorter hue, #345cfc 0%, #223fe0 100%)` — ink #ffffff; hover `linear-gradient(180deg in oklch shorter hue, #3b66ff 0%, #284aea 100%)`; active `linear-gradient(180deg in oklch shorter hue, #2d52f1 0%, #1c34d5 100%)`

## Logos

### primary
- **Formats:**
  - `png`: https://images.rbxcdn.com/905bd722ee0a6ceda3caacde54c0b081.png
- **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

### favicon
- **Formats:**
  - `png`: https://images.rbxcdn.com/905bd722ee0a6ceda3caacde54c0b081.png
- **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/roblox-com/tokens.json
- Tokens (CSS): /b/roblox-com/brand.css
- This document: /b/roblox-com/brand.md
- MCP endpoint (public read): mcp.brandsweets.com/roblox-com/mcp
- Agent integration guide: /agents.md