We raised $143M to build the control layer for software change.Read more: We raised $143M to build the control layer for software change.
CodeRabbit
Official logos, colors, and practical guidance for presenting CodeRabbit clearly and consistently.
01
Use the full CodeRabbit logotype by default. Keep every asset intact, legible, and surrounded by clear space; use the standalone mark only when the full lockup cannot fit.
Keep every approved lockup upright, proportional, uncropped, and surrounded by clear space. Never redraw the rabbit or pair the mark with substitute typography.
Maintain clear space around the rabbit mark so nearby type, imagery, and container edges never compete with it.
CODERABBITUse only the supplied logo files. Do not rotate or stretch a lockup, change its proportions, or recreate the CodeRabbit name in another typeface.
Lead with CR Orange and mauve neutrals. Reserve CR Mint and CR Cobalt for supporting accents rather than treating every color as equal.
Primary
Secondary
Tertiary
Mauve and the Primary, Secondary, and Tertiary families form the core Carrot UI palette. Cream supports content marketing.
1
2
3
4
5
6
7
8
9
10
11
12
2
4
6
8
9
10
1
3
5
7
9
11
1
3
5
7
9
11
1
2
3
4
5
6
Geist and Hack have distinct purposes. Geist communicates the brand; Hack handles technical utility.
Primary typeface
Geist
Use Semi-bold 600 for headings. Use Regular 400 for body copy, navigation, calls to action, and all reading text.
Semi-bold 600 / Heading
Review code with confidence.
Regular 400 / Reading text
Clear explanations help teams understand what changed and why.
© 2023 Vercel, in collaboration with basement.studio · SIL Open Font License 1.1
Utility typeface
Hack
Use Bold 700 for labels and metrics. Use Regular 400 for code, data, metadata, and compact technical identifiers.
Bold 700 / Labels and metrics
LABEL · METRIC · TOKEN
Regular 400 / Code and data
--font-cui-mono: Hack;
Hack © 2018 Source Foundry Authors; Bitstream Vera Sans Mono © 2003 Bitstream, Inc. · MIT and Bitstream Vera licenses
