Neurofeedback Luxembourg — Brand Asset Distribution

Logos

The two-hemisphere brain icon (purple-rose / navy) is the brand mark. Always pull from this folder; never copy logos elsewhere.

Primary Logo

PNG GIF

Use for site header, email signatures, documents.

HD Canva Export

PNG (HD)

Higher-resolution for print and large-format use.

Slogan (Vertical)

PNG

Square/vertical layouts (Instagram, profile cards).

Square Icon

PNG

App tiles, social profile pictures.

Favicon

PNG

Browser favicon (16×16, 32×32, 48×48).

Social: LinkedIn

JPG

1584×396 banner with safe-crop margin.

Need SVG / ICO / Facebook cover / YouTube thumbnail? They're not yet exported. Open an issue or ask via kanban.

Colors

Two coordinated palettes. The website palette (plum-teal) is canonical for UI surfaces. The illustration palette (magenta-cyan) is for the 3D-brain hero illustration only. Don't mix them within the same surface.

Website palette (use for UI)

Primary — Deep Plum

#5D2C4C

Headers, button fills, key surfaces, gradient origin.

Secondary — Brain-Map Teal-Blue

#2F5673

Gradient destination, scientific/data sections.

Accent — Deep Teal

#026D66

Focus rings, in-prose links, success indicators. Never CTAs.

Warm — Apricot

#FFBC7D

Hero radial glow at low alpha. Sparingly.

Campaign Magenta

#9F016B

Canva web-fonts magenta. Campaign emphasis only, max 1 element per viewport.

Lavender

#E2D4E2

Soft surface / badge backgrounds.

Brand gradient

linear-gradient(90deg, #5D2C4C 0%, #2F5673 100%)

Hero, footer, primary CTA section. The brand's signature visual gesture.

Illustration palette (3D brain only)

Vibrant Magenta

#D91D73

Left brain hemisphere of 3D illustration only.

Vibrant Cyan

#00B8D4

Right brain hemisphere of 3D illustration only.

Brain-Hemisphere Gradient

4-stop magenta → cyan

For the 3D low-poly brain hero illustration only.

Typography

Inter (web headings)

Neurofeedback Luxembourg

All web headings. Weight 700, tracking -0.02em.

Roboto (web body)

Optimize Your Brain, Improve Your Life — clinical warmth meets evidence-based neurotechnology.

All web body, lists, captions. Multilingual-safe (EN/FR/DE/LU).

Myriad Pro (logo)

Logo wordmark only. Embed as SVG/PNG; never live text on web.

Montserrat (marketing)

Print collateral, social-media campaign cards, presentations. NOT for the website.

Code tokens

Machine-readable tokens for developers and AI agents:

brand-tokens.json (this repo)

Canva-derived tokens, asset paths, basic palette.

View JSON

semantic.json (canonical)

DTCG format. Source of truth for web colors + typography.

View on GitHub

design.md (Google Labs spec)

design-system spec mirror. Generated from semantic.json.

View on GitHub

Usage rules

Do

Use the brand gradient on hero, footer, primary CTA — it's the brand's signature gesture.
Pair plum-teal for UI; magenta-cyan only for the 3D brain illustration.
Keep :focus-visible outlines (2px #026D66 teal at 2px offset).
Use #9F016B magenta for campaign emphasis, max 1 element per viewport.

Don't

Don't use illustration magenta or cyan for body text, button fills, or focus rings.
Don't render Myriad Pro as live text on web — embed logos as SVG/PNG.
Don't introduce new brand colors without updating semantic.json first.
Don't use medical-claim language ("treatment", "cure", "diagnosis") — see compliance.json.

Asset manifest

For the full categorization of assets in this repo, see assets/MANIFEST.md.

If a logo / photo / template you need isn't here, open an issue on the brand-guide repo or post to the kanban board.