# nitaino brand — Brand guidelines

Colors, spacing, typography, logo usage, and voice & tone for the nitaino brand.

This page documents the visual and verbal identity of nitaino — the reference for building anything that should look and sound like us, whether you're a designer, a developer, or an LLM.

## Logo

Mark: https://brand.nitaino.xyz/logo.svg

- Always use the mark as-is: don't stretch, skew, recolor, or add effects (shadows, outlines, gradients) to it.
- Keep clear space around the mark equal to at least the width of one of its strokes — don't crowd it against edges or other elements.
- Don't place the mark on busy or low-contrast backgrounds where it loses legibility.
- Don't rotate the mark or combine it with other logos or lockups.

## Colors

- **Primary** — `#56835C` (`var(--color-primary)`)
- **Black** — `#2F2F2C` (`var(--color-black)`)
- **White** — `#F3EFE6` (`var(--color-white)`)
- **Gray** — `#E7E0D3` (`var(--color-gray)`)

## Spacing

All spacing is a multiple of the base unit, 16px.

- 1 × spacing — 16px
- 2 × spacing — 32px
- 3 × spacing — 48px
- 4 × spacing — 64px

## Typography

- `typo-h1` — Fraunces, 500, clamp(2.4rem, 4vw, 3rem), line-height 1.15
- `typo-h2` — Fraunces, 500, 1.75rem, line-height 1.25
- `typo-h3` — Fraunces, 500, 1.125rem, line-height 1.4
- `typo-body` — IBM Plex Sans, 400, 1rem, line-height 1.65

## Voice & tone

Attention prior to optimization — nitaino's own tagline is also how it writes. Say less, and make what's said precise.
Warm but unembellished. No hype language, no exclamation marks, no filler adjectives. Let the work speak.
Prefer concrete nouns and verbs over abstractions. Write like you're explaining a decision to someone who will act on it, not like you're selling something.