# Octopus Code Review: B3 green

The B3 identity pairs the cute octopus with clear typography and green accents. Use the same character across light and dark layouts.

## Copy

- **Name:** Octopus Code Review
- **Tagline:** Review with context.
- **Body:** AI code reviews with repository context.
- **CTA:** Explore Octopus
- **Destination:** [octopus-review.ai](https://octopus-review.ai/)

Keep claims limited to this copy. Prices, offers and performance promises are not part of this kit.

## Colors and contrast

These are exact **HTML/CSS layout tokens**.

| Use | Text | Background | Contrast |
| --- | --- | --- | --- |
| Dark layout | `#FAFAF9` | `#0C0A09` | 18.92:1 |
| Dark-layout CTA | `#0C0A09` | `#15BA81` | 7.88:1 |
| Light layout | `#0C0A09` | `#FFFFFF` | 19.76:1 |
| Light-layout CTA | `#FFFFFF` | `#087F5B` | 5.00:1 |

Calculated on 2026-09-11 using sRGB relative luminance and `(lighter + 0.05) / (darker + 0.05)`. All four unrounded results exceed WCAG AA's **4.5:1** threshold for normal text. Values shown are rounded; they describe solid color pairs, not every pixel or the accessibility of a complete layout. [W3C contrast guidance](https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html)

Keep text on its intended solid background. Check readability again at the final display size.

## Type and artwork

Use **Geist Sans Bold (700)** for headings, **Geist Sans Regular (400)** for body copy, and **Geist Mono Regular (400)** for short technical labels. The supplied TTF/WOFF2 files are licensed under SIL OFL 1.1; retain their notices when redistributing fonts. [Font files and provenance](fonts/README.md)

The HTML/CSS layouts contain editable text, spacing and color tokens. The octopus variants are **image_gen raster artwork**. They are not vector masters, and their shading does not guarantee exact palette hex values. Keep the artwork's proportions and enough space around the character.

## Placement notes

Use the matching native-size layout from [formats.json](formats.json). Keep Stories copy inside its documented clear margins.

The Facebook Page cover passed its actual desktop upload/crop preview; mobile crop is still unverified. Google responsive logos are exported; responsive product images remain pending separate imagery review. Do not use a complete banner as a responsive image asset.