# RankLLMs — Layered Step Brand Kit

## Core idea
The RankLLMs symbol is built from three layered steps that represent progression from discovery to comparison to understanding.

## Logo files
Use the **horizontal light** logo by default on light backgrounds, and the **horizontal dark** logo on dark backgrounds.

## Clear space
Keep clear space equal to approximately the height of the capital **R** around the lockup.

## Minimum sizes
- Horizontal logo: 120 px wide minimum on the web
- Symbol only: 16 px for favicon, 24 px preferred in UI

## Approved colors
- Obsidian: #23160F
- Deep Copper: #6B360F
- Copper: #E86A2E
- Peach: #F6A067
- Warm White: #FEF9F4

## Typography recommendations
- UI / headings / logo: **Sora**
- Articles / long-form: **Source Serif 4**

## Do
- Use the approved symbol proportions
- Preserve spacing between the three panels
- Use full-color assets where possible
- Use monochrome black or white assets when color is not available

## Don't
- Flatten the three panels into solid bars
- Remove the subtle depth and overlap
- Change panel colors independently
- Stretch or rotate the logo