# Internauts Brand Guide

Official source: https://brand.internauts.app/

Updated: 2026-10-27

## Brand expression

**Sharp, quiet, slightly loud when it counts.**

Internauts is bold, smart, fun, sharp, stylish, strategic, accessible, and unapologetic. The work should feel expert without becoming distant, rebellious without becoming vague, and memorable without becoming noisy.

## Palette

| Token | Value | Role |
| --- | --- | --- |
| Ink | `#12103A` | Primary dark and brand anchor |
| Navy | `#24335F` | Deep support color |
| Periwinkle | `#B9B1FC` | Highlight and text on dark |
| Orange | `#FF7700` | Restrained accent |
| Forest | `#263F04` | Organic dark |
| Moss | `#638D32` | Workhorse green |
| Neon | `#00FF00` | Earned signal color |
| Paper | `#F5F5F5` | Primary light background |

Supporting values: warm paper `#ECEBE8`, muted text `#6A6880`, soft rule `#E2E0EA`, and dark rule `#B8B4CE`.

## Approved contrast pairings

| Foreground | Background | Ratio | Rating |
| --- | --- | ---: | --- |
| Ink | Paper | 16.59 | AAA |
| Paper | Ink | 16.59 | AAA |
| Periwinkle | Ink | 9.27 | AAA |
| Neon | Ink | 13.18 | AAA |
| Ink | Orange | 6.80 | AA |
| Paper | Forest | 10.73 | AAA |
| Ink | Moss | 4.64 | AA |
| Ink | Periwinkle | 9.27 | AAA |

Not every palette pairing passes WCAG. Use an approved pairing unless a new combination has been tested.

## Typography

| Role | Typeface | Example specification |
| --- | --- | --- |
| Display | Sharp Grotesk Thin 25 | 42/40, `-0.02em` |
| Headline | Sharp Grotesk Book 25 | 32/32, `-0.025em` |
| Body | Sharp Grotesk Book 20 | 15/22, `0` |
| Statement | NORD Regular | 16px, uppercase, `+0.2em` |
| Label | Cygnito Mono | 13px, `+0.06em` |

Sharp Grotesk carries readable content. NORD is reserved for uppercase statement moments and never paragraphs. Cygnito Mono handles metadata, identifiers, tabular figures, labels, and technical texture.

## Wordmarks

- `internauts-logo`: primary default wordmark.
- `internauts-icon-logo`: mark plus wordmark for signatures, icons, and footers.
- `internauts-design-wordmark`: formal stacked lockup for proposals and letterhead.
- `we-r-internauts-wordmark`: editorial two-line treatment.
- The primary wordmark remains lowercase.
- Wordmarks use `currentColor`; maintain approved contrast.
- Prefer supplied SVGs over rebuilding a lockup.

## Standalone mark

- Absolute minimum specified by the guide: 12px.
- Safer demonstrated minimum: 16px.
- Clear space: one full mark-height on every side.

## Layout cues

The published system demonstrates a 12-column desktop grid with 16px gaps, generous 48px horizontal padding, restrained 1px rules, modular cards, and selective dark or accent fields. These are demonstrated patterns rather than a universal spacing scale.

## Motion and iconography

Use Material Symbols Sharp at weight 300 for interface iconography. Motion is restrained: short 150–180ms transitions, subtle hover lifts, and explicit keyboard focus. The guide does not publish a complete photography or illustration system.

## Voice

- Bold, smart, fun, and free of fluff.
- Expert but approachable.
- Sharp wit and direct clarity.
- Manifesto energy for bios and positioning.
- Mirror-action or cause-and-effect construction for one-liners.
- No generic boardroom language.
- Never invent facts or specifications.

## Document defaults

Use paper with ink as the default. Use periwinkle on ink for dark dividers. Build hierarchy with Sharp Grotesk Thin 25, Book 25, and Book 20. Use NORD sparingly and Cygnito Mono for metadata. Keep the page spacious and precise, then earn one louder moment.

## Asset manifest

The canonical list of approved assets and their intended use is maintained in [brand.json](https://brand.internauts.app/brand.json).