This record is managed by an account, but domain control has not been proven.
visual.md
---
bcp_version: "1.1.1"
file_type: visual
parent: https://registry.brandcontextprotocol.dev/lyko-2e35153a/.well-known/brand.md
last_updated: 2026-10-05
---
# Visual
Observed from the live site on 5 October 2026, plus font names embedded in the English Annual and Sustainability Report 2025. This is not a Lyko design system. There is no public logo pack, clearspace rule, or color specification.
## Source gaps (disclosed)
- No published hex, CMYK, type scale, or logo-usage PDF. `/brand-guidelines` and `/media-kit` returned 404.
- Colors and type below are `evidence_status: observed`. They can be repeated as observations. They are not approval to lock a system, and they are not permission to redraw the mark.
- The wordmark SVG is in the live header. The favicon is a set of PNGs on lyko.com. Using either outside the site needs a grant this research did not find.
- Press images are journalistic-use only. See boundaries.md. Do not place them in generated ads.
- Alias Ano, as discussed on third-party font sites, is not used here as a source. The site does load a file named `anobold-wide`. That is an observation about a file, not a typography policy. On the homepage and on About, computed text used TT Commons Lyko, not Ano and not Lyko Headline.
## Color
Observed CSS custom properties on https://lyko.com/en and computed styles after dismissing the cookie banner.
```yaml
color:
evidence_status: observed
observed_on: "2026-10-05"
source: "https://lyko.com/en computed CSS"
tokens:
ink:
hex: "#27292C"
role: text
description: "Computed body color rgb(39, 41, 44). Also --theme-header-bg and --theme-form-checkbox-bg."
canvas:
hex: "#F4F5F6"
role: surface
description: "--theme-body-bg. Computed body background rgb(244, 245, 246)."
header:
hex: "#27292C"
role: surface
description: "--theme-header-bg. Header wordmark fill computed as white on the dark header."
primary_button:
hex: "#363B3F"
role: primary
description: "--theme-primary and --theme-primary-btn-bg. Button text token --theme-primary-btn-fg is #FFFFFF."
link:
hex: "#585CAA"
role: accent
description: "--theme-secondary and --theme-primary-colored-link."
lilac:
hex: "#BDBDE1"
role: accent
description: "--theme-secondary-btn-bg, --theme-tagline-bg, --theme-menu-btn-bg. Skip link computed background rgb(189, 189, 225) with ink text."
muted_button:
hex: "#5D6266"
role: neutral
description: "--theme-primary-btn-bg-disabled. Also the computed color of some BUY controls."
search:
hex: "#000000"
role: surface
description: "--theme-quicksearch-bg."
approved_pairs: []
forbidden_pairs:
- foreground: "white text invented on lilac without checking"
background: "lilac"
reason: "The observed lilac pair is ink on lilac, not white on lilac."
do_not_invent:
- "A hot-pink, gold, or black-and-white luxury palette."
- "A gradient standing in for the playground campaign."
```
## Typography
```yaml
typography:
evidence_status: observed
families:
tt_commons_lyko:
family: "TT Commons Lyko"
evidence_status: observed
weights_on_site:
- 400
- 500
- 700
files_seen:
- "/assets/tt_commons_lyko_regular (weight 400)"
- "/assets/tt_commons_lyko_medium (weight 500)"
- "/assets/tt_commons_lyko_demibold (mapped to weight 700 on the site)"
report_embedded:
- "TTCommonsLyko-Light"
- "TTCommonsLyko-Book"
- "TTCommonsLyko-DemiBold"
use: "Computed body, links, buttons, About h1, and category headings on 5 October 2026."
fallback_stack: ["Avenir Next", "Segoe UI", "Helvetica Neue", "Arial", "sans-serif"]
note: "Do not hotlink the hashed font files as if they were a licensed kit."
ano_bold_wide:
family: "Ano Bold Wide"
evidence_status: observed
file: "/assets/anobold-wide"
use: "Loaded on the homepage stylesheet. Not observed on computed text in the homepage sample or on the About h1. Role unconfirmed."
lyko_headline:
family: "Lyko Headline"
evidence_status: observed
weights_seen: ["700 normal", "700 italic"]
use: "Loaded. Not observed on the text samples above. Role unconfirmed."
roles:
body: tt_commons_lyko
ui: tt_commons_lyko
heading_observed: tt_commons_lyko
```
About page h1 "About Lyko" computed at 32px, weight 700, TT Commons Lyko, color ink. A homepage section heading computed at 28px, weight 700, same family.
## Logo
```yaml
logo:
evidence_status: observed
wordmark:
kind: "Inline SVG in the header"
viewBox: "0 0 843 248"
fill_observed: "#FFFFFF on the dark header"
note: "Paths draw the LYKO wordmark. No clearspace, minimum size, or misuse sheet is published. Do not redraw it."
favicon:
kind: "PNG"
examples:
- "https://lyko.com/favicons/logoicon_32.png"
- "https://lyko.com/favicons/logoicon_180.png"
- "https://lyko.com/favicons/logoicon_192.png"
note: "Site icons, not a logo pack. Do not recolor or reconstruct the mark."
primary_button:
radius_px: 4
source: "Skip-to-content control computed border-radius 4px. Treat radius as observed UI, not a published component spec."
```
## Imagery
```yaml
imagery:
evidence_status: observed
photographic_style: |
Lyko publishes campaign and press pictures, including the playground
concept described in the 2025 report (brushes as forests, bottles as
towers) and launch images on press releases. Rights for those files are
not a general marketing license. Press portraits are journalistic only.
illustration_style: |
The playground concept is verbal and visual in the report. Do not invent
a new illustration system to stand in for it.
forbidden_treatments:
- redrawn or approximated wordmark
- invented neon or luxury palette presented as Lyko's
- uncredited pressbilder in ads
- stock "beauty lab" photography presented as Lyko's playground
- a fair booth render
```
## Motion
No motion specification is published. Do not invent one.