# Statotest — Brand & Visual Manual

**Version:** 2026.02 (visual uplift)
**Source:** Statotest - visual uplift concept 2026 02.pptx
**Last updated:** 2026-05-20

---

## EN — At a glance

Statotest is a monitoring company for civil structures (bridges, buildings, railways). The 2026 visual uplift is an **evolution, not a redesign**: cleaner geometry, less red dominance, more "blueprint" engineering character. Infrastructure expertise + IT precision.

## CZ — Stručně

Statotest monitoruje stavební konstrukce (mosty, budovy, železnice). Vizuální update 2026 je **evoluce, ne nový brand**: čistší geometrie, méně červené, více "technického / blueprint" charakteru. Stavařská odbornost + IT preciznost.

---

## 1. Brand voice / Tón značky

| EN | CZ |
|----|----|
| Clearer, more consistent, calmer | Jasnější, konzistentnější, klidnější |
| Engineering precision, not alarm | Inženýrská preciznost, ne poplach |
| Blue = stable trust base | Modrá = stabilní důvěryhodný základ |
| Red = monitoring signal/indicator | Červená = signál / indikátor monitoringu |
| Gradient = continuity & steady progress | Gradient = kontinuita a stálý vývoj |

> EN: Differentiation from red-heavy competitors — restrain the red, lead with the blue.
> CZ: Odlišení od konkurence s dominantní červenou — držet červenou střídmě, vést modrou.

---

## 2. Color palette / Barevná paleta

### Primary brand colors / Hlavní barvy

| Name | HEX | RGB | CMYK (approx) | Usage |
|------|-----|-----|---------------|-------|
| **Statotest Black** | `#000000` | 0, 0, 0 | 0,0,0,100 | Primary text, "STATO" wordmark half |
| **Statotest Red** | `#E21752` | 226, 23, 82 | 0,90,64,11 | Brand accent, "TEST" wordmark half, signal/indicator, highlights |
| **Statotest Indigo** | `#1F04A3` | 31, 4, 163 | 81,98,0,36 | Headings highlight, deep backgrounds, blueprint lines |
| **White** | `#FFFFFF` | 255, 255, 255 | 0,0,0,0 | Default background, text on dark |

### Color ratios / Poměry užití

```
EN: ~70 % white/light · ~20 % black + indigo · ~10 % red (signal only)
CZ: ~70 % bílá/světlá · ~20 % černá + indigo · ~10 % červená (jen signál)
```

### Don't / Nepoužívat

- EN: Large red fills as decoration — red is a **signal**, not a flood color.
- CZ: Velké červené plochy jako dekorace — červená je **signál**, ne plocha.
- EN: Brand red on brand indigo without separation (low contrast).
- CZ: Statotest červenou na statotest indigo bez oddělení (nízký kontrast).

---

## 3. Typography / Typografie

**Font family:** **Manrope** (Google Fonts, free, open source)
Embedded weights in templates: Regular, SemiBold, Bold

| Use | Weight | Size (pt) | Example |
|-----|--------|-----------|---------|
| Display / cover headline | SemiBold | 80–120 | "STATOTEST" cover |
| Slide title / H1 | SemiBold | 48–52 | "Core concept" |
| Section title / H2 | SemiBold | 36–42 | "Problem:" |
| Sub-heading / H3 | SemiBold | 24–28 | inline accent |
| Body / paragraph | Regular | 14–18 | descriptive text |
| Caption / footer | Regular | 10–12 | image captions, footers |

### Pairing rules / Pravidla

- EN: Only one font (Manrope). Use weight + color, not multiple typefaces, to create hierarchy.
- CZ: Jediný font (Manrope). Hierarchie skrz váhu + barvu, ne mícháním písem.
- EN: Headlines often combine **black `#000000`** + **indigo `#1F04A3`** in one line for emphasis (e.g., *"Problem: why is it `important`?"* — last word in indigo).
- CZ: Headliny často kombinují **černou + indigo** v jednom řádku jako zvýraznění poslední části.
- EN: **No italics, no underlines, no shadows.** Manrope SemiBold is enough.
- CZ: **Žádná kurzíva, podtržení ani stíny.** Manrope SemiBold stačí.

### Font installation / Instalace fontu

```bash
# Windows / macOS: download from https://fonts.google.com/specimen/Manrope
# Web (CSS):
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&display=swap');
font-family: 'Manrope', sans-serif;
```

---

## 4. Logo

The logo is a wordmark composed of two stacked words: **STATO** (top, black) and **TEST** (bottom, red) with a small red square dot ahead of "TEST".

### Variants / Varianty

| File | When to use / Kdy použít |
|------|--------------------------|
| `Statotest...logo color.svg` | EN: White or light backgrounds. CZ: Bílé / světlé pozadí. |
| `Statotest...logo black.svg` | EN: Monochrome / print / single-color use. CZ: Monochrom / tisk. |
| `Statotest...logo white.svg` | EN: Dark backgrounds (logo all white). CZ: Tmavé pozadí (logo bílé). |
| `Statotest...logo white red.svg` | EN: Dark backgrounds, brand accent kept. CZ: Tmavé pozadí, ponecháme červený akcent. |

### Clear space & minimum size / Ochranná zóna a min. velikost

- EN: Clear space around logo = **height of one "T" letter** on every side.
- CZ: Ochranná zóna kolem loga = **výška jednoho písmene "T"** na každé straně.
- EN: Minimum logo width: **24 mm print / 80 px digital** (smaller becomes unreadable).
- CZ: Minimální šířka loga: **24 mm tisk / 80 px digitál**.

### Don't / Nedělej

- EN: Don't rotate, skew, recolor, add effects, or place over busy photography without solid backdrop.
- CZ: Neotáčet, neperspektivovat, nepřebarvovat, nepřidávat efekty, nepokládat na rušnou fotku bez podkladu.
- EN: Don't use the old "circuit board" logo anymore — it has been retired.
- CZ: Nepoužívat starší "obvodové" logo — bylo nahrazeno.

---

## 5. Graphic system — the blueprint / Grafický systém — blueprint

The signature visual is a **technical-drawing line motif** — dashed + solid thin lines forming abstract structural diagrams. It always sits at the **top-right** of layouts (anchor), bleeding off the edge.

### Rules / Pravidla

- EN: Lines are thin (≈ 1 px @ HD), mix of **dashed** and **solid**, all in one accent color.
- CZ: Linky tenké (≈ 1 px @ HD), mix **přerušovaných** a **plných**, v jedné akcentní barvě.
- EN: On white → indigo `#1F04A3` lines. On dark/colored → white lines.
- CZ: Na bílém → indigo `#1F04A3` linky. Na tmavém/barevném → bílé linky.
- EN: Always anchored to the top-right; never centered, never as full pattern fill.
- CZ: Vždy ukotveno vpravo nahoře; nikdy uprostřed, nikdy jako celoplošný vzor.
- EN: The composition must **breathe** — most of the slide stays blank.
- CZ: Kompozice musí **dýchat** — většina slide zůstává prázdná.

### Ready-made assets in this folder

| File | Description |
|------|-------------|
| `Statotest graphics and elements 02 11-03.png` | EN: Indigo blueprint on transparent — for white backgrounds. CZ: Indigo blueprint na průhledném — pro bílé pozadí. |
| `Statotest graphics and elements 02 11-04.png` | EN: White blueprint on solid indigo `#1F04A3`. CZ: Bílý blueprint na plné indigo. |
| `Statotest graphics and elements 02 11-10.png` | EN: White blueprint on solid red `#E21752`. CZ: Bílý blueprint na plné červené. |
| `Statotest graphics and elements 02 11-02.png` `…-05.png` `…-06.png` | EN: Cover backdrops — red→indigo→black diagonal gradient with blueprint. CZ: Pozadí pro úvodní slidy — diagonální gradient red→indigo→black s blueprintem. |
| `Statotest graphics and elements 02 11-07.png` | EN: Red square dot decoration — used as bullet marker. CZ: Červený čtverec — používaný jako odrážka. |
| `Statotest graphics and elements 02 11-01.png` `…-09.png` | EN: Large bitmap wordmark (color / black). CZ: Velký bitmapový wordmark (barva / černá). |

---

## 6. Photography / Fotografie

### Rules / Pravidla

- EN: **Black & white or strongly desaturated** to avoid competing with brand colors.
- CZ: **Černobíle nebo silně odsycené** — aby nekonkurovaly brand barvám.
- EN: Subjects are infrastructure — bridges, dams, railways, industrial structures, sensors in situ.
- CZ: Subjekty jsou infrastruktura — mosty, přehrady, železnice, průmyslové stavby, senzory v terénu.
- EN: When combined with text, apply a **left-side gradient overlay** (red → indigo → black, ~40 % of width) so text reads cleanly on the left half.
- CZ: V kombinaci s textem **gradient na levé straně** (red → indigo → black, ~40 % šířky) aby text vlevo byl čitelný.
- EN: No stock photos of people in suits, no AI-generated visuals, no clichéd "tech glow" imagery.
- CZ: Žádné stock fotky lidí v oblecích, žádné AI vizuály, žádné klišé "techno svit".

---

## 7. Slide layouts / Rozvržení slidů

The slide template (`Statotest - slide template 2026 02.pptx`, in `PPTX files/`) provides these reusable layouts.

| Layout | Use |
|--------|-----|
| **Cover (dark)** | EN: Title slide. Dark gradient backdrop + centered white wordmark. CZ: Úvodní slide. Tmavé pozadí s gradientem + bílý wordmark uprostřed. |
| **Section divider (dark)** | EN: Big quote or section header in white on dark, blueprint top-right. CZ: Velký citát nebo název sekce bíle na tmavém, blueprint vpravo nahoře. |
| **Content (light)** | EN: White background, title top-left, body below, blueprint top-right, logo bottom-right. CZ: Bílé pozadí, titulek vlevo nahoře, obsah pod ním, blueprint vpravo nahoře, logo vpravo dole. |
| **Solid indigo** | EN: White text on `#1F04A3` background — strong statement slides. CZ: Bílý text na indigo pozadí — silné prohlášení. |
| **Image + text** | EN: B&W photo full-bleed right, text panel left with red→indigo gradient. CZ: ČB foto na plný formát vpravo, textový panel vlevo s gradientem. |
| **Reference / case study** | EN: Dark left text panel + B&W photo right. CZ: Tmavý textový panel vlevo + ČB foto vpravo. |

### Grid & spacing / Mřížka a mezery

- EN: Slide aspect: **16:9** (1920 × 1080 px exported).
- EN: Margins: **min. 5 % from edge** (≈ 96 px / 1 inch on 1920 wide).
- EN: Gap between blocks: **3–5 % of slide width**.
- EN: Align everything to a 12-column grid; engineering precision over decorative balance.
- CZ: Poměr stran **16:9**, okraje **min. 5 %**, mezery mezi bloky **3–5 %**, vše na 12-sloupcový grid.

---

## 8. Consistency rules ("Tips and tricks") / Pravidla konzistence

From the original concept deck — keep these handy when producing any new material.

| EN | CZ |
|----|----|
| More spacing — give elements breathing room | Více mezery — nech prvky dýchat |
| Reduce visual clutter — fewer elements, stronger impact | Méně prvků = silnější dopad |
| Prioritize hierarchy — one main message per slide | Hierarchie — jedna hlavní zpráva na slide |
| Don't overload — more slides is better than one full one | Radši víc slidů než jeden přeplněný |
| Align to a consistent grid | Zarovnání na konzistentní mřížku |
| Use red sparingly — as signal, not décor | Červenou střídmě — signál, ne dekorace |
| Desaturate photography | Odsytit fotky |
| Stick to Manrope — no mixing fonts or effects | Držet se Manrope — žádné míchání písem nebo efektů |

---

## 9. File deliverables in this folder / Soubory v této složce

```
Statotest - Firemní grafika/
├── Brand manual/                        ← THIS FOLDER
│   ├── BRAND.md                         this document
│   ├── Brand-manual.html                interactive one-page brand book
│   ├── Brand-manual.pdf                 printable version
│   └── README.md                        folder index
├── PPTX files/
│   ├── Statotest - slide template 2026 02.pptx       editable slide template
│   └── Statotest - linkedin cover 2026 02.pptx       LinkedIn cover template
├── Statotest - slide template 2026 02.pptx           (top-level copy)
├── Statotest - visual uplift concept 2026 02.pptx    original concept deck
├── Statotest graphics and elements 02 11-01..10.png  ready-made graphics
├── Statotest graphics and elements 02 11_logo *.svg  logo (4 variants)
└── statotest-product-mockup.png                       product device mockup
```

---

## 10. AI / generative use / Použití pro AI

When prompting any LLM (Claude, ChatGPT, …) to produce Statotest material, include this snippet:

```
Brand: Statotest. Visual style 2026.02.
Palette: black #000000, brand red #E21752 (signal/accent only, max 10 % area),
         brand indigo #1F04A3, white #FFFFFF.
Font: Manrope (Regular for body, SemiBold for headlines). No other fonts.
Tone: clean, engineering-precise, calm. Generous whitespace.
Motif: thin dashed + solid "blueprint" lines anchored top-right.
Photography: black & white, infrastructure subjects, left-side red→indigo gradient overlay when used with text.
Don't: large red fills, italic text, drop shadows, clichéd tech imagery, old "circuit board" logo.
```

A companion **Claude Code skill** (`statotest-brand` plugin) is available — see `DEPLOYMENT.md` in the skill repo for installation across the whole organization.

---

*EN: Questions / proposals → contact the brand owner before publishing externally.*
*CZ: Otázky / návrhy → před zveřejněním externě konzultuj s vlastníkem brandu.*