Cella testCELLA DESIGN SYSTEM · v1.1

Mere viden. Ingen gætteri.

Designmanualen for Cella test: ét samlet brand, to universer og en personlig tilgang. Her står, hvordan logo, farver, skrift, billeder og sprog bruges, når vi taler til mennesker, heste og hunde. Bygget på Cella tests brandbog.

Grundlagt
2020 · Munkebo
Universer
Human · Animal (hest og hund)
Skrift
Libre Baskerville · Inter
Status
Til gennemsyn · 28.10.2026
01 / Brand

Ét brand, to universer.

Cella test er det fælles afsenderbrand. Human og Animal er tydelige målgruppeuniverser under samme identitet. På web, i SoMe og i rapporten møder kunden dem som tre indgange: for dig, for hest og for hund.

Cella test

Afsender i både Human og Animal. Logo, tone, grundflade og kvalitet er de samme overalt.

For dig · Human

Sundhedsbevidste voksne, motionister og sportsudøvere. Personlig indsigt og konkrete anbefalinger, der tager udgangspunkt i dig.

For hest · Animal

Hesteejere, ryttere og professionelle. Mere indsigt i den enkelte hest og et bedre grundlag for valg i hverdagen.

For hund · Animal

Hundeejere, der vil have et målrettet udgangspunkt for foder og tilskud. Individuel vejledning til netop din hund.

Brandbogen samler hest og hund under Animal. Manualen giver hund sin egen accent (jordbrun fra hundeprodukterne), så de tre indgange kan skelnes. Det er ELS' forslag.

Mission, vision og værdier.

Mission

Vi gør personlig sundhedsoptimering enkel, konkret og tilgængelig.

Vision

Vi vil være det foretrukne valg inden for personlig sundhedsoptimering til mennesker og dyr.

Personlig tilgang.

Hver kunde og hvert dyr mødes som individ.

Troværdighed.

Åbent om metode og begrænsninger. Vi lover aldrig mere, end vi kan stå inde for.

Nærvær.

En familievirksomhed med personlig kontakt og tilgængelig vejledning.

Kvalitet.

Detaljerne fra prøveudtagning og rapport til rådgivning og opfølgning.

Logo.

Cella test-logoet er den konsekvente afsender i Human og Animal. C-monogrammet kan stå alene, når brandet i øvrigt er tydeligt: som ikon, social profil eller diskret produktsignatur. Brug de originale vektorfiler, aldrig skærmbilleder. Klik på filnavnet for at hente SVG.

Frizone og minimumsstørrelse.

Frizonen omkring logoet er mindst x, hvor x er C-diskens diameter. Intet andet må ind i den zone.

Cella testxxxx
Logo, digitalt: min. 120 px bredt
Logo, tryk: min. 30 mm bredt
C-monogram: min. 24 px / 8 mm

Frizone og minimumsstørrelser er ELS' forslag; brandbogen angiver dem ikke. Under 120 px bliver TM og de tynde stammer i "ella test" for svage; brug C-monogrammet alene der.

Lockups pr. indgang.

Når en flade kun handler om én indgang, står den under logoet med sin prik. Prikken er den eneste accent.

Cella test
for dig
Cella test
for hest
Cella test
for hund

Gør aldrig sådan.

Logoet bruges som det er. Disse fejl ses oftest.

Stræk eller pres det ikke.
Drej det ikke.
Farv det ikke om.
Grå tekst på mørk flade: brug den negative version.
02 / Farve

Lyst, roligt, naturligt.

Brandbogens tolv brandfarver, guldet fra logoet og syv produktfarver. Undgå for mange farver på én gang. Klik på en farve for at kopiere HEX.

Brandfarver 01-12.

Nummereret som i brandbogen. Salvie og grøn hører til Animal, de blå til Human; bone, jordbrun og blæk er fælles.

Guld.

Guldet i logoet er signaturen. Det bruges som flade, linje og markør, ikke som brødtekst på lyse flader.

Flader og tekst.

Afledte toner til kort, dæmpet tekst og hover.

Indgange.

Én accent pr. indgang: en prik, en linje, et tag, en 3px kant eller en accentknap. Human-blå og Animal-grøn er HomeKit-farverne fra brandbogen.

Produktfarver.

De syv analysekategorier har hver sin farve, som også bruges på produkternes etiketter. De bruges til søjler, prikker og etiketter, aldrig til tekst.

Status i rapporten.

Farven står altid sammen med ordet, så betydningen ikke hviler på farven alene.

Balance 60 / 30 / 10.

På en typisk flade fylder bone og hvid omkring 60 procent, grøn eller dyb blå og blæk 30 procent og guld eller indgangens accent højst 10 procent.

bone + hvid 60
grøn + blæk 30
10

Samme flade, tre indgange.

Sæt data-world="dig | hest | hund" på en flade, så skifter accenten. Resten står fast.

Kontrast.

Tekst skal have mindst 4.5:1 mod sin baggrund (3:1 for tekst over 24 px). Målt efter WCAG 2.

CMYK-værdierne er beregnet fra HEX og ikke trykprøvet. Bekræft med trykkeriet før emballage og rapport trykkes. Brandbogen skriver guld som både #BEA66A og #BEA669; logofilerne bruger #BEA669.

03 / Skrift

En serif til overskriften, en sans til forklaringen.

Overskrifter i Libre Baskerville, brødtekst, UI og tal i Inter. Højst to fontfamilier med få, tydelige vægte, som brandbogen foreskriver. Brandbogen nævner også Cormorant Garamond; skift herunder for at se den.

Valgt

Libre Baskerville

Overskrifter. Bred, klassisk og læsevenlig; den serif cellatest.com bruger i dag. Vægt 400, kursiv til fremhævning.

Alternativ

Cormorant Garamond

Nævnt i brandbogen. Mere elegant og tættere på logoets kontrast, men for tynd under 20 px og i rapporten.

Valgt

Inter

Brødtekst, UI og alle tal. Rolig og tydelig på skærm. Tal sættes med tabulære tal, så de står lige i rapporten.

Brandbogen markerer typografien som "til bekræftelse". Logoets egen skrift er ikke identificeret. Begge er gratis Google Fonts; vælger Cella en licenseret skrift, skiftes den ét sted i tokens.

Skala.

Parret i brug.

Hvad rapporten viser

Fra rapport til konkrete anbefalinger.

Rapporten viser dine personlige fokusområder inden for blandt andet aminosyrer, mineraler, vitaminer og antioxidanter. En vejleder hjælper dig med at omsætte dem til en plan.

Mineraler 41 · Lavt

04 / Afstand

Luft giver ro.

En 4-baseret skala. Sektioner har 96 px lodret luft på desktop og 64 px på mobil. Kort har 24 px indvendig luft.

Skala

Hjørner

Skygge

i hvile: ingen

shadow-none

hover

shadow-raise

Kort: hvid på bone, 1px hårlinje, 8 px hjørner, 24 px luft. Store fliser 16 px. Knapper og tags er pilleformede. Portrætter er runde, som cellen.

05 / Bevægelse

Rolig, præcis, aldrig hoppende.

Tre signaturbevægelser bruges i film, SoMe og på web. Alt andet er korte fades og små forskydninger.

Rapporten fylder.

Søjlerne vokser fra 0 til værdien. 900 ms, forskudt 80 ms pr. række. Til rapport, SoMe-tal og film-grafik.

Cellen ånder.

Ringe breder sig fra C-monogrammet. 2800 ms, gentaget. Til intro og outro i film og til ventetid.

Bølgen.

Linjerne fra æsken glider langsomt. 6000 ms, frem og tilbage. Kun i baggrund, aldrig bag brødtekst.

Tider og kurve.

Én kurve til alt: cubic-bezier(.2,.7,.2,1). Hold musen over et felt.

140 ms

Farve, hover

260 ms

Løft på kort

480 ms

Indtoning af sektioner

900 ms

Rapportsøjler

06 / Ikoner

Tynde linjer, én farve.

UI-ikoner er Lucide i 24 px med 1.75 px streg. De arver tekstfarven. Ingen emoji, ingen ikonfont, ingen udfyldte ikoner.

Brand-glyffer.

Fire glyffer markerer verdenerne og metoden. De står i verdens accent eller i guld på grøn.

Glyfferne er ELS' forslag, tegnet i samme streg som Lucide. Hesteskoen står for hest, fordi Lucide ikke har en hest.

UI-ikoner.

07 / Grafik

Bølgen og cellen.

To grafiske elementer går igen: bølgelinjerne fra HomeKit-æsken og den runde celle fra C-monogrammet. Begge bruges sparsomt, så de bliver genkendelige.

Bølgen på grøn
  • Én bølge pr. flade, beskåret af kanten. Den løber ind fra højre eller nedefra.
  • Guld på grøn og dyb blå, grøn eller blå på bone. Linjerne er 1 px.
  • Aldrig bag brødtekst, logo eller produktfoto.

Bølgen er tegnet af ELS efter æsken. Cellas originale grafikfil erstatter den, når vi får den.

Cellen på bone
  • Svage 1px cirkler i hjørnet af en flise eller bag et portræt.
  • Portrætter beskæres runde. Rapportens prikker er cirkler.
  • Aldrig molekyler, DNA-strenge eller laboratorie-clipart.

Grafik på tværs af verdener.

For dig · dyb blå
For hest · grøn
For hund · jordbrun på bone
08 / Billeder

Rigtige mennesker, rigtige dyr.

Ægte mennesker, heste og hunde i naturlige situationer frem for iscenesat reklame. Naturligt lys, afdæmpet farvebehandling og autentiske materialer. Billederne her er hentet fra cellatest.com og udskiftes efter optagedagene.

For dig.

Kroppen i hverdagen: familie, hænder, morgen, bevægelse og hvile.

For hest.

Stald, fold og rytter med hest. Kontakt frem for præstation.

For hund.

Hjem, gåtur og nærhed mellem hund og menneske.

Familien og produktet.

Familien bag Cella test er en del af brandet. Nærbilleder af produkter, prøveudtagning og personlige møder, når de er virkelighedstro.

Undgå.

Kunstige AI-lignende billeder, filtre, generiske stockbilleder og anatomiske visualiseringer, der kan misforstås som diagnostik. De svækker tilliden.

09 / Sprog

Varm, rolig, konkret, ærlig.

Vi taler til mennesker i øjenhøjde, på dansk og i du-form. Vi forklarer klart og præcist, og vi beskriver testen som et optimerings- og vejledningsredskab, ikke som en diagnostisk undersøgelse.

Mere viden. Ingen gætteri.
Personligt frem for generelt.
Fra rapport til konkrete anbefalinger.

Tone of voice.

Varm og personlig.

I øjenhøjde, uden salgsfraser eller unødvendig fagsnak.

Professionel og rolig.

Klart og præcist. Vi råber ikke og lover ikke mirakler.

Konkret og brugbar.

Kunden skal forstå, hvad de får, hvad næste skridt er, og hvorfor det kan være relevant.

Ærlig om begrænsninger.

Et optimerings- og vejledningsredskab, ikke en diagnostisk undersøgelse.

Sådan

  • "Med Cella HomeKit får du en individuel rapport og konkrete anbefalinger."
  • "Personlig indsigt, der tager udgangspunkt i dig - ikke i en standardplan."
  • "Individuel vejledning til netop din hund."
  • "I balance · Lavt · Bemærk"

Ikke sådan

  • "Testen finder årsagen til dine symptomer."
  • "Dokumenteret præcision og garanteret resultat."
  • "Din hest har vitaminmangel."
  • "Køb nu - 20 % rabat!"

Faglig kommunikation og ansvar.

Testen markedsføres aldrig som erstatning for læge, dyrlæge, blodprøver eller anden klinisk udredning.

  • Påstå aldrig, at testen diagnosticerer sygdom, forgiftning, vitaminmangel eller årsager til symptomer.
  • Ingen ubetingede udsagn om dokumenteret præcision, hvis dokumentationen ikke er klar og tilgængelig.
  • Kundeoplevelser gengives som personlige oplevelser, ikke som garanterede resultater.
  • Har en kunde sygdomstegn, opfordres der til en læge- eller dyrlægefaglig vurdering.
  • Sundhedspåstande på website, i annoncer og i appen kvalitetstjekkes.

Regler.

  • Sætningsform overalt. "Cella test" er afsenderen; produktet hedder "Cella HomeKit".
  • Ingen emoji, ingen udråbstegn, intet rabatsprog.
  • Kun almindelig bindestreg. Intervaller: "3-4 måneder".
  • Indgangen før produktet: "For hest · Cella HomeKit".

Knaptekst.

  • Tag testen
  • Find en vejleder
  • Se rapporten
  • Vælg Human, Hund eller Hest

Case-skabelonen.

Altid de samme fire rækker, i alle tre indgange:

  1. Udgangspunkt
  2. Testen viste
  3. Det gjorde vi
  4. Det skete
10 / Komponenter

Byggeklodserne til web og app.

Komponenterne her er de samme, som Cellas Claude og udviklere bygger med. De vises live; prøv at holde musen over dem.

11 / Skabeloner

Det Cella laver hver uge.

Skabeloner til SoMe, story, rapport og nyhedsbrev. Vælg indgang, så skifter billede, accent og tekst. Teksterne er eksempler.

Formater: 1080 × 1080, 1080 × 1350, 1080 × 1920, A4, 600 px e-mail

SoMe.

Rapport og nyhedsbrev.