The Cahut brand

Voice

Calm, precise and welcoming. Cahut speaks the language of the house, in plain English, and every technical idea has a word that everyone understands.

• Short sentences and concrete verbs: publish, share, approve, roll back.
• Say who acts: which AI, on whose behalf, with what result.
• Reassure without alarm: no capitals for emphasis, no exclamation marks, no alert emoji.
• No promises of AI magic: Cahut hosts the work, it does not create it.
• Sentence case for titles, buttons and menus. Numbers in figures.

The access of a Window

A Window opens to its Room only, to everyone signed in to its Cahut, to anyone with its Key, or to the public. The word Door is gone: speak of the access of a Window. Each access always shows an icon and a word, never a color alone.

• Room onlyIts Room, the default
• InternalEveryone signed in to its Cahut
• KeyAnyone with its Key
• PublicThe public

Pictograms and icons

• The pictograms above illustrate the words of the house on the site, in the docs, on empty screens and on the welcome page. Never below 32 px.
• They sit on a 64 px grid, with a 3 px line and rounded ends. The line takes the color of the text; each pictogram has one accent: Sky for surfaces and objects, Soft Yellow for light or waiting.
• Interface icons come from Lucide: a 24 px grid, a 2 px line, the color of the text, at 16, 20 or 24 px. An important action always has a text label next to its icon.

Versions

Start from the SVG files: they are the source of truth. Use a PNG, with a transparent background, only where SVG is not accepted. Each version below sits on the background it is made for.

Clear space

Keep a free space around the logo at least equal to p, the outer width of the door, about a quarter of the width of the symbol. No text, edge or image goes inside it.

pppp

pppp

Minimum sizes

• 

  Logo

  Screen 96 px · Print 25 mm

• 

  Horizontal logo

  Screen 100 px · Print 25 mm

• 

  Symbol

  Screen 24 px · Print 6 mm

• 

  Favicon

  Screen 16 px

Below 64 px wide, use the symbol for small sizes, with its thicker line. At 16 px, use the favicon, drawn on the pixel grid.

What not to do

The logo does not change. Use its files as they are.

• 

  Don't stretch or squash it.

• Don't change its colors.

• 

  Don't tilt or turn it.

• 

  Don't add a shadow or an effect.

• 

  Don't rearrange its parts.

• Don't fill the cloud.

• 

  Don't place it on a background with little contrast.

• 

  Don't place it on a busy photo or pattern.

Proportions

On a page, the colors keep roughly these shares. One Sky accent per screen, and one yellow at most.

• Paper 60%
• Ink 22%
• Sky 10%
• Light Grey 5%
• Soft Yellow 3%

Shades

For the interface, each color has a scale from 50 to 950, computed in OKLCH at a constant hue. The colors of the brand are fixed points on these scales.

Contrast

The target is WCAG 2.2 level AA: 4.5:1 for body text, 3:1 for large text and interface elements. On Sky, write in Ink, never in white. Sky and Soft Yellow never carry text on Paper. Information never relies on color alone: add an icon or a word.

• AaInk on PaperBody text13.4:1
• AaInk 600 on PaperSecondary text5.2:1
• AaSky 700 on PaperLinks6.5:1
• AaInk on SkyText on an accent button5.6:1
• AaInk on Soft YellowBadges and highlights10.0:1
• AaPaper on Ink 950Text in the dark theme16.0:1
• AaSky on Ink 950The accent in the dark theme6.7:1
• AaSky on PaperNever text: decoration and large shapes only2.4:1
• AaWhite on SkyNever: no text, no logo2.6:1

Dark theme

In the dark theme, the background turns to Ink 950, surfaces to Ink 900 and 800, text to Paper and secondary text to Ink 300. The accent stays Sky 400 and links turn to Sky 300. The logo switches to its inverse version. The tokens switch on their own, with the system setting or data-theme="dark".

Hierarchy

• Display56/64 px · 800 · −2%

  Your own cloud

• Heading 140/48 px · 800 · −1%

  Windows in this Room

• Heading 232/40 px · 700 · −1%

  Knock first

• Heading 324/32 px · 700

  Claude wants to make Q3 review public

• Heading 420/28 px · 600

  Logbook

• Large text18/28 px · 400

  Published. The previous version is kept.

• Text16/24 px · 400

  Share a link, not a file. A Window opens to its Room only, unless you give it a Key.

• Small text14/20 px · 400

  Updated 2 hours ago by Claude, for Ana.

• LabelMono 12/16 px · 500 · +12%

  Room only

• CodeMono 14/20 px · 400

  cahut token create --user you

Rules

• Titles in sentence case, with no final period, except for a tagline.
• Text aligned left, never justified, in lines of 60 to 80 characters.
• IBM Plex Mono for addresses, commands, color codes and Logbook timestamps: cahut.cloud.
• Two weights at most in one block.
• Fallbacks: system-ui and ui-monospace on the web, Arial and Consolas in a slide deck for a computer without the fonts.