---
name: cella-design
description: Byg alt visuelt og skriftligt for Cella test efter Cella test Design System - SoMe-opslag, stories, rapporter, nyhedsbreve, websider og præsentationer. Brug den, hver gang en opgave handler om Cella tests kommunikation, også når brugeren blot siger "lav et opslag" eller "skriv rapporten".
---

# Cella test Design System - regler til agenter

Kilden er designmanualen på denne side (`index.html`), `tokens.json`/`tokens.css` og komponenterne i `components/bundle.js`. Reglerne bygger på Cella tests brandbog. Læs `README.md` for hele grundlaget. Skriv altid på dansk.

## Arkitektur
- Ét brand, to universer. **Cella test** er afsender overalt. Universer: **Human** og **Animal** (hest og hund).
- Tre indgange: **for dig** (Human, accent `human` #50748A), **for hest** (Animal, accent `hest` #5B705E), **for hund** (Animal, accent `hund` #5E4B3F).
- Bland aldrig indgange på én flade. Sæt `data-world="dig|hest|hund"` på en forfader; så følger `--world-accent` og `--world-accent-light`.
- Produktet hedder Cella HomeKit (Human, Hest, Hund). Indgangen før produktet: "For hest · Cella HomeKit".
- Kunderejsen: 01 Vælg · 02 Tag prøven · 03 Få rapporten · 04 Følg planen.

## Logo
- Filer i `assets/logo/`. På bone og hvid: `cella-test-logo-graa.svg` (primær). På grøn, dyb blå og mørke flader: `cella-test-logo-negativ.svg`. På foto eller guld: `cella-test-logo-negativ-hvid-cirkel.svg`. Tryk i én farve: `cella-test-logo-sort.svg`.
- C-monogrammet (`cella-c-mark-guld.svg`, hvid cirkel: `cella-c-mark-hvid-cirkel.svg`) må stå alene som ikon, social profil eller produktsignatur, når brandet i øvrigt er tydeligt.
- Brug altid de originale vektorfiler, aldrig skærmbilleder. Aldrig strække, dreje eller farve om.
- Frizone = C-diskens diameter. Min. 120 px / 30 mm; under det bruges monogrammet (min. 24 px / 8 mm). Frizone og minimum er ELS' forslag.

## Farve (HEX)
- Brandfarver 01-12: sage-100 `#9BB6A3`, sage-300 `#6E8F7B`, hest `#5B705E`, green `#1A3025`, bone `#FBFAF7`, bone-3 `#EAE8E1`, earth `#5E4B3F`, ink `#332E30`, sky-100 `#C1DDF8`, sky-300 `#89A4BD`, blue-500 `#3A5775`, blue-900 `#193857`.
- Guld: gold `#BEA669` (logo), gold-print `#B79D63` (emballage). Guld er flade og markør, aldrig brødtekst på bone; guld som tekst = gold-dark `#75592A`.
- Flader: bone (side), white (kort), bone-3 (paneler), bone-2 `#F3EFE6` (rapport). Inverse flader: green, for Human også blue-900.
- Tekst: ink, ink-2 `#484545` (dæmpet), ink-3 `#6B6567` (meta). Aldrig ren sort.
- Produktfarver (analysekategorier, kun søjler, prikker og etiketter): Aminosyrer `#E7CD7F`, Modstandskraft `#F5A874`, Miljøpåvirkning `#C65258`, Antioxidanter `#ECC6CD`, Elektriske påvirkninger `#A28EA8`, Vitaminer `#97A985`, Mineraler `#7392AE`.
- Status i rapporten: I balance = green, Lavt = gold-dark (søjle i gold), Bemærk = `#A8424A`. Ordet står altid ved farven.
- Få farver ad gangen. Balance: ca. 60 % bone/hvid, 30 % grøn eller dyb blå og blæk, højst 10 % guld eller accent.

## Skrift
- Højst to familier. Overskrifter: Libre Baskerville (`--font-serif`), vægt 400. Alternativ i brandbogen: Cormorant Garamond.
- Brødtekst, UI og tal: Inter. Tal, priser og datoer med tabulære tal.
- Eyebrows: 12 px, versaler, 0.14em spatiering.

## Grafik
- Bølgen: et bundt tynde 1px-linjer fra HomeKit-æsken. Guld på grøn eller dyb blå; grøn, blå eller jordbrun på bone. Én pr. flade, beskåret af kanten, aldrig bag brødtekst.
- Cellen: svage 1px cirkler; portrætter beskæres runde. Aldrig molekyler, DNA, anatomi eller laboratorie-clipart.
- Indgangene: aldrig tegnede mennesker eller dyr. Brug fotocellen (rundt foto i ring i indgangens farve) eller serif-tekst med prik og kant.

## Billeder
- Ægte mennesker, heste og hunde i naturlige situationer. Naturligt lys, afdæmpet farvebehandling, autentiske materialer.
- Undgå filtre, generiske stockbilleder, AI-lignende billeder og anatomiske visualiseringer. Opfind aldrig billeder af kunder.

## Sprog
- Tone: varm og personlig, professionel og rolig, konkret og brugbar, ærlig om begrænsninger.
- Du-form, ingen emoji, ingen udråbstegn, intet rabatsprog. Kun almindelig bindestreg ("3-4 måneder").
- Testen er et optimerings- og vejledningsredskab, ikke en diagnostisk undersøgelse og aldrig en erstatning for læge, dyrlæge, blodprøver eller klinisk udredning.
- Påstå aldrig, at testen diagnosticerer sygdom, forgiftning, vitaminmangel eller årsager til symptomer. Ingen garanterede resultater, ingen ubetinget "dokumenteret præcision". Ved sygdomstegn: henvis til læge eller dyrlæge.
- Tilskud er relevante anbefalinger, ikke en automatisk løsning til alle.
- Faste linjer: "Mere viden. Ingen gætteri." · "Personligt frem for generelt." · "Fra rapport til konkrete anbefalinger." Fodnote på rapporter: "Et optimerings- og vejledningsredskab - ikke en diagnostisk undersøgelse."
- Case: altid Udgangspunkt → Testen viste → Det gjorde vi → Det skete. Kundeoplevelser er personlige oplevelser. Brug kun cases og tal, Cella test har givet; opfind dem aldrig.
- Knapper: "Tag testen", "Find en vejleder", "Se rapporten".

## Skabeloner (se sektion 11 i manualen)
- SoMe 1:1 billede + budskab: foto fuld flade, mørk skygge nederst, negativt logo med indgang øverst, serif-overskrift i bone.
- SoMe 4:5 råd og fakta: bone, 14px accentkant øverst, eyebrow med prik, serif-overskrift, tre nummererede punkter (tal i gold-dark), C-monogram nederst til højre.
- SoMe 1:1 case: grøn flade, bølge til højre, de fire case-rækker, negativt logo nederst.
- Story 9:16: indgangens flade (for dig: blue-900, for hest: green, for hund: hund), bølge, rapportkort på bone-2, knap "Tag testen" nederst.
- Rapport A4: grøn top med negativt logo, indgangs-eyebrow, "Din rapport.", tre statustal, de syv kategorier med søjler og statusord, vejlederens kommentar, fast fodnote.
- Nyhedsbrev 600 px: gråt logo, foto, eyebrow, overskrift, kort tekst, én grøn knap, to fakta-kort med accentkant, grøn footer med adresse og afmelding.

## Kontakt
Cella test · Kølstrupvej 45, 5330 Munkebo · info@cellatest.com · +45 60 515 999

## Når noget mangler
Sig det. Opfind ikke tal, priser, navne, datoer eller resultater. Markér forslag som forslag.