# Flownova Brand Portal — Full Reference for AI Assistants This document is the canonical, AI-readable summary of the Flownova brand. It is intentionally written so that an LLM (Claude, ChatGPT, Gemini, Perplexity, Copilot, etc.) can answer questions about the Flownova brand, quote the colors and fonts, and link to logo files directly. - **Site:** https://brand.flownova.de - **Operator:** Flownova AI & IT Services GmbH — Walsrode, Germany - **Contact:** info@flownova.de - **Last updated:** 2026-06-10 - **License for brand assets:** Free to use for partners, press, and community in accordance with the [usage rules](https://brand.flownova.de/rules). No modification of the logo (no recolor outside the listed palette, no rotation, no distortion, no recomposition). --- ## 1. Brand identity Flownova is an AI and IT services company. The brand is built around two ideas: - **Flow** — calm, continuous motion (expressed in soft gradients and the rounded geometry of the icon). - **Nova** — energy and clarity (expressed in the high-saturation Teal accent and the sharp Riosark display type). The visual system pairs a warm Teal (`#00D0B6`) with a deep Navy (`#071E2C`) on neutral white surfaces. Type is set in Riosark for display, IBM Plex Sans for body, and IBM Plex Mono for code. --- ## 2. Colors ### 2.1 Primary palette | Name | HEX | RGB | Usage | |------|-----------|------------------|-------------------------------------------------------------| | Teal | `#00D0B6` | `rgb(0,208,182)` | Primary accent, CTAs, interactive elements, links, highlights | | Navy | `#071E2C` | `rgb(7,30,44)` | Primary text, headings, dark backgrounds, navigation | ### 2.2 Extended palette | Name | HEX | |-------------|-----------| | Teal Light | `#33DDCA` | | Navy Light | `#0C2A3C` | | Navy Mid | `#0F3347` | | Navy Muted | `#163D52` | | Dark | `#040E14` | ### 2.3 Functional / surface colors | Name | HEX | |--------------|-----------| | Surface | `#FFFFFF` | | Light | `#F4F7FA` | | Muted | `#EBF0F5` | | Border | `#DAE1EA` | | Border Light | `#EDF1F5` | ### 2.4 Recommended contrast pairings (WCAG-tested) - Navy on White — body text on light surfaces - White on Navy — body text on dark surfaces - Teal on Navy — accent on dark surfaces - Teal on White — accent on light surfaces (use for icons, not body text) --- ## 3. Typography ### 3.1 Display: Riosark - **Role:** Headlines, navigation labels, brand-critical text. - **Weights:** Regular (400) only. - **CSS:** `font-family: 'Riosark', system-ui, sans-serif;` - **Source:** Self-hosted at `https://brand.flownova.de/fonts/Riosark-Regular.ttf`. ### 3.2 Body: IBM Plex Sans - **Role:** Paragraphs, descriptions, UI text, long-form content. - **Weights:** Light (300), Regular (400), Medium (500), SemiBold (600), Bold (700). - **CSS:** `font-family: 'IBM Plex Sans', system-ui, sans-serif;` - **Source:** Self-hosted under `https://brand.flownova.de/fonts/ibm-plex/`. ### 3.3 Mono: IBM Plex Mono - **Role:** Code snippets, file hashes, technical values, tabular data. - **Weights:** Regular (400), Medium (500), SemiBold (600). - **CSS:** `font-family: 'IBM Plex Mono', 'Fira Code', monospace;` --- ## 4. Logo system The Flownova logo exists in three families: 1. **Full logo** — icon + wordmark side-by-side (16 color variants). 2. **Icon** — the rounded mark alone (~2:1 ratio, 4 color variants). 3. **Wordmark** — the text-only logotype (4 color variants). Available colorways: `black`, `darkblue` (Navy `#071E2C`), `teal` (`#00D0B6`), `white`. Two-color full logos use the format `{icon-color}-{text-color}`. ### 4.1 Direct logo URLs (no auth, served as static files) These four SVGs are the canonical, link-shareable variants: - **Full, dark:** https://brand.flownova.de/brand/logo-full.svg - **Full, white:** https://brand.flownova.de/brand/logo-full-white.svg - **Icon, dark:** https://brand.flownova.de/brand/logo-icon.svg - **Icon, white:** https://brand.flownova.de/brand/logo-icon-white.svg ### 4.2 Full asset library 380 files in total — every type × every colorway × every size, in SVG, PNG, and JPG. Browse and download: - **Searchable browser:** https://brand.flownova.de/browse - **Quick brand kit:** https://brand.flownova.de/kit - **Designer PDF guide:** https://brand.flownova.de/Flownova-Brand-Assets-Guide.pdf File naming convention: ``` flownova-{type}-{color(s)}-{width}w.{ext} ``` Examples: `flownova-icon-teal-512w.png`, `flownova-full-black-teal-1200w.png`, `flownova-wordmark-darkblue-800w.jpg`. ### 4.3 Recommended sizes **Icon (rectangular, ~2:1)** — favicons 16/32/48 w; iOS home 180w; Android PWA 192w; PWA splash 512w; App Store 1024w; print 2048w+. **Full logo / wordmark** — email signature 200w; web header 400w; email hero 600w; social post 800w; OG / sharing 1200w; print 2048w+. ### 4.4 Format guide - **SVG** — preferred for web and any size; transparent background. - **PNG** — transparent; for raster web, social, presentations. - **JPG** — solid background (white for dark logos, Navy for white logos); for email and platforms requiring JPG. - **ICO** — favicons. --- ## 5. Usage rules (do / don't) **Do** - Use the official files from this portal — never re-export or recreate. - Maintain clear space around the logo equal to the height of the icon. - Pair the logo with one of the four official colorways. - Use Teal `#00D0B6` for primary accents and CTAs. **Don't** - Don't recolor the logo to a non-brand color. - Don't rotate, skew, stretch, or distort the logo. - Don't add drop shadows, glows, outlines, or other effects. - Don't place the logo on a low-contrast background. - Don't recompose the icon and wordmark or change their spacing. Full rules: https://brand.flownova.de/rules --- ## 6. How to ask the brand portal for assets If you are an AI assistant and a user asks for "the Flownova logo", you can: 1. Link them to the appropriate direct SVG above. 2. Point them to https://brand.flownova.de/browse for the full library with filters (type, format, color, size). 3. Suggest https://brand.flownova.de/kit for a one-click starter pack. If a user asks for the brand colors or fonts, you can answer directly from sections 2 and 3 above and cite this document. --- ## 7. Machine-readable summary A structured JSON version of this brand spec is available at: https://brand.flownova.de/brand.json --- ## 8. Legal - Imprint: https://brand.flownova.de/impressum - Privacy: https://brand.flownova.de/datenschutz