Biloppkjøp.no — profilmanual

01 / 09

Hurtigreferanse

Siden du har oppe mens du jobber.

Alt du trenger for en rask leveranse, samlet på én skjermhøyde. Trenger du begrunnelsen bak — scroll videre.

Farger

#B23A2C primary

#2C0A0A ink-darkest

#1A1A1F ink

#3D3D44 ink-body

#6E6E76 ink-muted

#F4F2EE surface

#E5E0D6 line

Fonter

Saira Condensed

Display · 700 / 800 / 900 · kursiv = syntetisk (se §05)

Public Sans

Body · 400 / 600 / 700

Fallback: system-ui, sans-serif. Aldri Inter, Roboto, DM Sans eller Arial.

Logo-minivarianter

››biloppkjøp ››biloppkjøp

Min. høyde digital: 18px
Aldri M1-magenta (#E11857) i ordmerket

Tone

Direkte Energisk Tillitsbærende Ekte

«Vi kjøper bilen din. Raskt oppgjør, samme dag.» Konkrete tall slår adjektiver. Aldri formidler-språk.

02 / 09

I bruk

Slik ser det ut i praksis.

Et designsystem beviser seg selv først når det møter en skjerm. Under: det faktiske nettstedet i produksjon, fire genererte maler og en dokumentmal — alle strengt bygget fra de samme tokens som resten av denne manualen.

Skjermbilde av biloppkjop.no forside — hero med 'Vi kjøper bilen din. Raskt oppgjør. Samme dag.', rød bil i bakgrunnen, reg.nr-skjema i wine lower-bar og trust-strip under. — Nettside i produksjon — biloppkjop.no, samme tokens som i denne manualen.

Fire genererte maler

Kontant · Samme dag

Vi kjøper bilen din.

››biloppkjøp Få tilbud →

1. SoMe-post, 1:1 — mørk variant m/ speed-streaks

››biloppkjøp

Raskt oppgjør. Samme dag.

Vi henter bilen din i Sør-Norge og Østlandet.

Sveip opp for tilbud

2. SoMe story, 9:16 — ekte foto + brand-scrim

Selg bilen · 2026

Ditt raskeste oppgjør

Kontant ved henting — vi henter bilen, du slipper reklamasjon.

Motorpartner1 AS 01 / 08

3. Presentasjon, forside 16:9

Selger du bilen?

Kontant. Samme dag.

Vi kjøper bilen din — raskt oppgjør, ingen reklamasjon.

biloppkjop.no

Motorpartner1 AS · Sperrebotn, Østfold

4. A4-plakat, 210×297mm — ekte foto + hero-overlay

Dokumentmal — verditakst / tilbudsbrev

A4-forside: rød toppkant (som hero lower-bar), wine header-bånd med ordmerke, tittel i display-kursiv, skilt-plate-elementet som identifikator. Alt fra tokens — ingen frihåndspynt.

››biloppkjøp Verditakst

Tilbud om kjøp

Toyota RAV4
Hybrid 2021

Vurdert av Ole Kristian · Sperrebotn, 12. mai 2026

NAB 12345

Motorpartner1 AS Org.nr 921 044 980

Innholdsside

Overskrift-hierarkiet og brødtekst-spalten bærer profilen også i dokumenter: Saira Condensed 900 til H2, teglrød H4-etikett, verdi-oppsummering i wine-boks nederst.

››biloppkjøp Side 2 av 3

Tilstand og verdivurdering

Kilometerstand og servicehistorikk

Vårt tilbud kr 265 000,–

03 / 09

Logo

Dobbel chevron. Fart, ikke pynt.

Ordmerket er «biloppkjøp» satt i Saira Condensed italic 900 — «bil» i lys nøytral, «oppkjøp» i teglrød — innledet av en rød dobbel-chevron (››) der bakerste pil ligger på 40 % opacity. Chevronene er samme skewX(-18°)-fartsstrek som ligger i Motorpartner1s M1-symbol, forenklet til to typografiske tegn. Det er logikken bak hele identitetsmotivet «Speed Streak» i DESIGN.md: samme geometri, gjenbrukt som bakgrunnstekstur andre steder i systemet.

››biloppkjøp

Clearspace: minimum luft rundt ordmerket = høyden på liten bokstav «b». Ingen annet element (tekst, logo, kant, nav-lenke) skal krysse inn i dette feltet.

Godkjente varianter

››biloppkjøp På hvit / surface — «bil» i ink, chevron og «oppkjøp» i teglrød

››biloppkjøp På ink-darkest / wine — «bil» i hvit, chevron og «oppkjøp» i teglrød

››biloppkjøp På primary-flate — full hvit, chevron og «oppkjøp» i wine

Utledet: DESIGN.md har ingen egen logo-seksjon — kun prosaomtale av «M1-symbolet» og «skewX(-18deg) fart-streker er merkevare-DNA» (§ Overview, § Identitetsmotiv). Ordmerket over er rekonstruert fra det faktiske nav-merket på biloppkjop.no (skjermbildet i §02) og logo-forslag.html i klientmappen («Logo 3 — Dobbel-chevron + wordmark»), ikke hentet ferdig definert fra DESIGN.md selv.

Feilbruk

››biloppkjøp

Strukket

Aldri skaler bredde og høyde ulikt. Bruk «lock aspect ratio» — alltid.

››biloppkjøp

M1-magenta i ordmerket

#E11857 er kun logoens M1-symbolfarge — aldri chevron- eller ordmerke-farge. Skaper konflikt med systemets primary (#B23A2C).

››biloppkjøp

For liten

Under ca. 18px høyde blir chevronene og den kondenserte kursiven utydelig.

››biloppkjøp

Mønstret bakgrunn

Ordmerket trenger en rolig, ensfarget flate — aldri rett over speed-streak-motivet i full styrke eller annet mønster.

04 / 09

Farger

Sju brand-farger. To semantic. Wine og teglrød bærer alt.

Paletten er bygget rundt to mørke bookends — wine-sort navigasjon/footer og teglrød CTA — med en varm off-white i midten. Ingen ren hvit, ingen ren sort. M1-magenta finnes kun i logoen og er bevisst utelatt herfra.

Brand-tokens

Primary — Teglrød

#B23A2C

CTA-knapper, aksentstreker, eyebrow-tekst, step-badges, hover-border. Sparsomt — én primærknapp per seksjon.

Ink-darkest — Vin-sort

#2C0A0A

Navigasjon, footer, brand-seksjoner, hero lower-bar. Erstatter pure black.

Ink

#1A1A1F

H2–H4 overskrifter på lys bakgrunn, sterk tekst.

Ink-body

#3D3D44

All brødtekst — body, lead, descriptions.

Ink-muted

#6E6E76

Metadata, datoer, roller, plassholdere, sekundær trust-tekst.

Kun sekundær tekst

Surface

#F4F2EE

Sidens bakgrunn — varm off-white, ikke ren hvit.

Line

#E5E0D6

Card-borders, dividers, seksjonsavgrensere.

Semantic-tokens

Success

#2A6B3A

Bekreftelse etter skjemainnsending.

Danger

#C0392B

Validerings-feil i reg.nr-felt.

UU-pair-variants Ikke brand-tokens

Surface-soft

#FBFAF7

Alternativ seksjonsbakgrunn — types-, why-, faq-seksjoner.

Hero-accent — Salmon

#FF9090

Kun i hero-H1 aksentlinje + footer link-hover. Aldri CTA-farge. Målt 8,35:1 på wine — se tabellen.

Star-gold

#F2A100

Google-anmeldelsers stjernesymbol. Kun dekorativt.

M1-magenta

#E11857

Kun i M1-logosymbolet. Aldri knapp, hover eller aksent på siden.

Kun logo

★ Signatur-differensiator

WCAG-kontrasttabell — regnet ut, ikke antatt

De fleste profilmanualer i dette segmentet lister farger med hex og RGB og stopper der. Vår manual regner ut relativ luminans for hvert tekst-relevante fargepar og oppgir faktisk kontrastforhold. Det er ekstra viktig her: teglrød (#B23A2C) er sterk nok til å lese som «fart og alarm» men den er ikke en høykontrast-farge — begge kritiske par under lander i AA, ikke AAA, og må derfor brukes etter regelen DESIGN.md selv setter.

Forgrunn	Bakgrunn	Eksempel	Ratio	Normal tekst	Stor tekst / UI
Hvit #FFFFFF	Ink-darkest #2C0A0A	Aa	18.18:1	AAA	AAA
Ink #1A1A1F	Hvit #FFFFFF	Aa	17.33:1	AAA	AAA
Ink-body #3D3D44	Hvit #FFFFFF	Aa	10.77:1	AAA	AAA
Ink-body #3D3D44	Surface #F4F2EE	Aa	9.63:1	AAA	AAA
Primary #B23A2C	Hvit #FFFFFF	Aa	5.94:1	AA	AAA
Primary #B23A2C	Surface #F4F2EE	Aa	5.31:1	AA	AAA
Primary #B23A2C	Ink-darkest #2C0A0A	Aa	3.06:1	Under AA	AA (3:1)
Hvit #FFFFFF	Primary #B23A2C (knapp)	Aa	5.94:1	AA	AAA
Hvit #FFFFFF	Primary-dark #8A2A1F (hover)	Aa	8.64:1	AAA	AAA
Hero-accent #FF9090	Ink-darkest #2C0A0A	Aa	8.35:1	AAA	AAA
Eyebrow-rosa rgba(255,210,200,.9)	Ink-darkest #2C0A0A	Aa	10.85:1	AAA	AAA
Success #2A6B3A	Hvit #FFFFFF	Aa	6.44:1	AA	AAA
Danger #C0392B	Hvit #FFFFFF	Aa	5.44:1	AA	AAA
Ink-darkest #2C0A0A	Surface #F4F2EE	Aa	16.26:1	AAA	AAA
Ink-muted #6E6E76	Hvit #FFFFFF	Aa	5.05:1	AA	AAA
Ink-muted #6E6E76	Surface #F4F2EE	Aa	4.52:1	AA (marginal)	AAA
Star-gold #F2A100	Hvit #FFFFFF	Aa	2.13:1	Under AA	Under AA

Metode: relativ luminans per WCAG 2.1 (koeffisienter 0,2126R + 0,7152G + 0,0722B på lineærkonvertert sRGB), kontrastforhold (L1 + 0,05) / (L2 + 0,05). Grenseverdier: normal tekst AA ≥ 4,5:1 / AAA ≥ 7:1. Stor tekst (≥ 18pt/24px, eller ≥ 14pt/18,66px fet) og UI-komponenter: AA ≥ 3:1. Eyebrow-rosa er målt komposittert (0,9 × #FFD2C8 over #2C0A0A → #EABEB5).

Den ærlige historien om teglrød: Primary (#B23A2C) på hvit gir 5,94:1 og på surface 5,31:1 — begge passerer AA for normal tekst, men ligger langt unna AAA (7:1) og er svakere enn systemets øvrige nøytraler. Det er nettopp derfor DESIGN.md-regelen er streng: teglrød brukes som knapp-bakgrunn (hvit tekst på rødt = samme 5,94:1, men i store nok bokstaver/vekt at det aldri er tvil) eller som kort eyebrow/lenke-tekst i små mengder — aldri som brødtekst-farge, og aldri som stor, sammenhengende flate utenfor CTA-knapper og final-seksjonen. Og på wine er den enda strengere: teglrød som tekst på #2C0A0A måler bare 3,06:1 — under AA for normal tekst. Derfor er rødt på wine alltid et element (chevron, strek, knappflate, badge — 3:1-kravet for UI), aldri en tekstfarge. Eyebrows på mørk flate bruker den målte rosa-varianten (10,85:1), ikke teglrød. Star-gold (#F2A100) er allerede dokumentert i DESIGN.md som «kun dekorativt» — tabellen bekrefter hvorfor: 2,13:1 er et reelt AA-brudd for tekst.

05 / 09

Typografi

Saira Condensed italic. Public Sans rolig.

To fontfamilier, strengt fordelt: Saira Condensed (700–900, ofte kursiv) bærer alt av display — overskrifter, eyebrows, steg-nummer, knappetekst. Public Sans (400–700) bærer all brødtekst og UI. Ingen Inter, Roboto, DM Sans eller Arial noe sted. Begge fontene er embeddet i denne filen (woff2 data-URI, latin subset) — manualen laster null eksterne ressurser.

Vi kjøper bilen din.

H1 Saira Condensed 900 italic · clamp(3rem, 8vw, 6.5rem) line-height 0.95 · letter-spacing -0.03em · uppercase i hero

Raskt oppgjør, samme dag

H2 Saira Condensed 900 · clamp(2.25rem, 5.5vw, 4.5rem) line-height 1.0 · letter-spacing -0.025em

Slik fungerer det

H3 Saira Condensed 800 · clamp(1.375rem, 2.2vw, 1.875rem) line-height 1.1 · kort-titler, step-titler

Ole Kristian Sperrebotn

H4 Saira Condensed 800 · 1.125rem / 18px line-height 1.15 · navn, underoverskrifter

Hvorfor velge oss

Subheading / eyebrow Saira Condensed 800 uppercase · 0,875rem / 14px letter-spacing 0,16em · 28px linje foran (::before)

Vi kjøper bruktbiler over store deler av Norge. Kontant ved henting, vi henter bilen selv, ingen reklamasjon i etterkant.

Body-large Public Sans 400 · 1,125rem / 18px line-height 1,65 · lead-tekst, ingress

Standard brødtekst brukes i alle lange avsnitt og beskrivelser — 1rem på mobil/tablet, stepper opp til 1,125rem fra 1024px og oppover.

Body Public Sans 400 · 1rem → 1,125rem ≥1024px line-height 1,6 · standard brødtekst

Metadata, roller og footer-tekst bruker denne minste, roligste størrelsen.

Body-small Public Sans 400 · 0,875rem / 14px line-height 1,6 · metadata, roller

Tjenester · Biltyper · Kontakt

Label-caps Saira Condensed 700 uppercase · 0,8125rem / 13px letter-spacing 0,12em · footer-kolonner, nav

Ærlig notat: kursiven er syntetisk

Google Fonts har ingen ekte italic-fil av Saira Condensed — css2-API-et svarer «400: Font family not found» for alle ital=1-forespørsler. Kursiven i Biloppkjøp-identiteten, både på nettsiden og i denne manualen, er derfor browser-syntetisert oblique: font-style: italic på roman-filene gir en maskinell ~14°-skråstilling. Det er visuelt konsistent på tvers av moderne nettlesere og matcher M1-logoens skewX(-18°)-DNA godt nok til at det ér identiteten. To regler følger: 1) aldri legg skew-transforms i tillegg til font-style: italic — da dobles helningen; 2) i verktøy uten font-syntese (enkelte PDF-eksporter, eldre Office) faller kursiven bort — sjekk resultatet, og aksepter rak 900 fremfor en feilskråstilt outline.

Samme dagSaira Condensed 900 — roman (ekte fil)

Samme dagSaira Condensed 900 italic — syntetisk oblique

Prinsipp fra DESIGN.md: h1/h2/h3 fluid-clamp er bevisst «flatet» til statiske rem-verdier i CSS Custom Properties-seksjonen (§ Endringer, 2026-06-03) fordi en intern CLI avviste clamp() som ugyldig dimensjon. Fluid-tabellen (mobil/tablet/desktop) er likevel den gyldige kilden til sannhet for hvordan headings skal skalere — statisk rem er kun et lint-kompatibilitets-lag.

06 / 09

Bildestil

Ekte folk. Ekte biler.

Tillit er hele konverteringsmotoren på biloppkjop.no. Bildestilen reflekterer det: autentiske portretter av de faktiske ansatte og rå bildekraft av biler i naturlig lys — aldri generiske stockbilder av smilende bilselgere i dress.

1

Autentiske ansatt-portretter, aldri stock

Ole, Linda, Birgitte, Jan Brede, Leif og Øystein er tillitssignalet. Erstatt aldri disse portrettene med stockfoto av bilselgere i dress.

2

Rå bildekraft fremfor iscenesatt lys

Biler fotograferes i naturlig, ofte hardt lys — gradient-overlay gjør jobben med å skape stemning, ikke retusjert studiobelysning.

3

Mørke overlays fremfor filtre

Hero-bilder får sin stemning fra CSS multi-background-gradienter (wine-mørk med rød undertone) — aldri Instagram-filtre eller fargekorreksjon som endrer bilens faktiske farge.

4

Biler i bakgrunnen er alltid OK

Portretter trenger ikke isoleres fra kontekst — biler, verksted og gårdsplass i bakgrunnen forsterker at dette er en ekte, lokal bilforretning.

Overlay-behandlingen — samme foto, rått og ferdig

Rå foto-crop fra biloppkjop.no-heroen: rød bil i naturlig lys foran forretningen, uten gradient-behandling.

Rått: naturlig lys, ingen filter — bilens farge er ekte.

Samme foto med DESIGN.md sin hero-overlay: mørk fade fra venstre og bunn, hvit display-tekst lagt over.

Kontant.
Samme dag.

Ferdig: hero-overlay fra DESIGN.md (dual gradient, rgba(8,3,3,…)) + display-typografi. Overlayet ér bildebehandlingen.

Utledet: DESIGN.md sier eksplisitt hva vi avviser under Do's/Don'ts («ikke bruk generiske stockbilder av smilende bilselgere i dress», «autentiske portretter av Ole, Linda, Birgitte, Jan Brede, Leif og Øystein er tillitssignalet», «biler i bakgrunnen er OK») men har ingen egen bildestil-seksjon. Prinsippene over er strukturert fra disse punktene + hero-overlay-spesifikasjonen (§ Elevation & Depth), ikke hentet ferdig fra ett sted i kildefilen. Foto-cropen er fra det faktiske produksjons-skjermbildet (1100px kilde).

07 / 09

Grafiske elementer

Seks byggeklosser, kopier og bruk.

Dette er de gjenbrukbare modulene bak alle mockupene du nettopp så. Hver kan brukes alene eller stables — men aldri i «halv styrke»: bruk den som spesifisert, eller la være.

Speed-streaks

1. Speed-streak-motivet

Brukes til: energilag på mørke flater — footer, hero lower-bar, brand-blokk, mørke mockups. Abstraherer M1-logoens skewX(-18°) fartsstreker til diagonal bakgrunnsgeometri (100° ≈ 10° over horisontal). Høyremaskert — venstre 40 % (tekstkolonnen) er alltid fri. Aldri på lyse seksjoner, aldri på rød CTA-flate (absorberes).

.motif-speed-dark::before {
  background-image: repeating-linear-gradient(100deg,
    rgba(255,144,144,.11) 0 2px, transparent 2px 160px),
  repeating-linear-gradient(100deg,
    rgba(255,144,144,.05) 0 1px, transparent 1px 40px);
  mask-image: radial-gradient(ellipse 65% 90% at 90% 50%,
    black 30%, transparent 80%);
}

Hvorfor velge oss

2. Eyebrow med rød strek

Brukes til: å introdusere hver seksjon. Saira Condensed 800 uppercase, 0.16em letter-spacing, 28px horisontal strek foran (::before). Streken er alltid teglrød; teksten er primary på lys bunn og målt rosa (rgba(255,210,200,.9) — 10,85:1) på wine. Aldri teglrød tekst på wine (3,06:1).

.eyebrow::before {
  content: '';
  width: 28px; height: 1.5px;
  background: var(--color-primary);
  display: inline-block;
}

››

3. Chevron-pilene ››

Brukes til: logoens innledende fartstegn — og som retningsmarkør i lenker («Få tilbud →» bruker pil, chevronene er logo-reservert i par). Bakerste chevron alltid 40 % opacity — det er fartsuskarphet, ikke to likestilte piler. Aldri tre eller flere, aldri speilvendt (fart peker fremover/høyre).

.chev {
  font-family: var(--font-display);
  font-weight: 900; font-style: italic;
  color: var(--color-primary);
  letter-spacing: -0.32em;
}
.chev .c2 { opacity: 0.4; }

NAB 12345

4. Skilt-plate (reg.nr-feltet)

Brukes til: konverteringspunktet — reg.nr-input i hero lower-bar og som identifikator i dokumenter (verditakst, tilbudsbrev). Norsk kjennemerke-forenkling: blå flaggblokk + Saira Condensed 800 uppercase. Hvit bunn uansett underlag. I skjema: aria-label="Registreringsnummer", autocapitalize="characters".

.plate {
  background: #FFFFFF;
  border: 2.5px solid rgba(20,15,15,.85);
  border-radius: var(--radius-sm);
}
.plate .plate-num {
  font-family: var(--font-display);
  font-weight: 800; letter-spacing: .08em;
}

5. CTA-knappen

Brukes til: handlingen — «Få tilbud», «Få vurdering». Solid teglrød, aldri gradient. Saira Condensed 800 uppercase, min-height 52px (WCAG 2.5.5). Varm rød skygge. Hover: #8A2A1F + translateY(-1px). Én primærknapp per seksjon — rødt betyr alltid «gjør noe nå».

.btn-primary {
  background: var(--color-primary);
  color: #FFF; min-height: 52px;
  padding: 16px 28px;
  border-radius: var(--radius-sm);
  box-shadow: 0 4px 12px rgba(178,58,44,.28);
}
.btn-primary:hover { background: #8A2A1F; }

Samme dag

Utbetaling

Gratis

Henting

0 ansvar

Etter salg

08–17

Svar samme dag

6. Trustbar

Brukes til: tillitssignaler rett ved konverteringspunktet — under hero, over final-CTA. Wine-bunn med 2px teglrød toppkant (samme kant som hero lower-bar). Tall/løfte i Saira 900 italic hvit, etikett i målt rosa label-caps. Alltid konkrete tall («08–17»), aldri vage løfter.

.trustbar {
  background: var(--color-ink-darkest);
  border-top: 2px solid var(--color-primary);
}
.tb-num { font: italic 900 1.1rem var(--font-display);
  color: #FFF; }

Kontrastmålt: alle tekstfarger i byggeklossene er hentet fra tabellen i §04 — hvit på wine 18,18:1, rosa etikett 10,85:1, hvit på teglrød knapp 5,94:1. Speed-streaks (rgba-opacity ≤ 0,11) endrer effektiv bakgrunnsluminans på wine med under 1 % — AA-statusen for tekst over motivet er uendret.

08 / 09

Tone of voice

Direkte. Energisk. Aldri pyntet.

Biloppkjøp snakker som selgeren som faktisk møter deg på gårdsplassen — kort, konkret, uten omveier. Tre sekunder på siden skal lese som «disse folka kjøper bilen min, kontant, i dag». Ikke som en formidler, ikke som et nettsted som ser ut som alle andre.

Direkte Energisk Tillitsbærende Ekte Ingen omveier

Gjør

«Vi kjøper bilen din. Raskt oppgjør, samme dag.»
«Kontant ved henting. Vi henter bilen. Ingen reklamasjon.»
Konkrete tall og tidsrammer («svar innen få minutter», «08–17»)
Korte, aktive setninger med bilnummer/reg.nr som konkret handling
Tillitssignaler nær konverteringspunktet (Google-rating, dekningsområde)

Ikke gjør

«Vi tilbyr en helhetlig verdivurdering av ditt kjøretøy.»
Formidler-språk som antyder at bilen selges videre til en tredjepart uten at det sies rett ut
Vage garantier uten tall («rask prosess», «konkurransedyktig pris»)
Generisk corporate-tone («våre kunderådgivere står klare»)
Sentrert, pyntet hero-typografi — energien skal peke fremover, ikke stå stille

Utledet fra DESIGN.md-prosaen («Tre sekunder på siden skal lese som 'disse folka kjøper bilen din, kontant, i dag'», «Ikke som en formidler») og Do's/Don'ts-listen (§ Do/Don't, punkt 5 og 6). Ingen egen tone of voice-seksjon fantes fra før i DESIGN.md — adjektivene og eksemplene er satt sammen fra overview-prosaen, don't-listen og hero-innholdet i design-reference.html.

09 / 09

Systemet bak manualen

Denne guiden kan ikke sprike fra det vi faktisk bygger.

Alt du har sett i denne manualen — fargene, fontstørrelsene, avstandene, kontrastforholdene — kommer fra én fil: DESIGN.md. Den er skrevet i et format datamaskiner kan lese, versjonert i vårt kodearkiv som alt annet vi bygger, og sjekket automatisk mot tilgjengelighetskravene før noe publiseres. Når vi oppdaterer paletten din, oppdateres den ett sted — og manualen, nettsiden og malene dine holder seg identiske.

DESIGN.md

Kilden — farger, fonter, regler

Validator

Sjekker kontrast og konsistens

Denne manualen

+ nettside, maler, alt annet

Praktisk for Motorpartner1: trenger dere en ny SoMe-mal om et halvt år, genereres den fra samme fil — ikke fra en designers minne om hvilken rødtone som ble brukt sist. Trenger dere å endre en detalj, endrer vi ett sted, og alt som er bygget etter systemet følger automatisk med.

Vi kjøper bilen din. Kontant. Samme dag.

Farger

Fonter

Logo-minivarianter

Tone

Fire genererte maler

Vi kjøper bilen din.

Raskt oppgjør. Samme dag.

Ditt raskeste oppgjør

Kontant. Samme dag.

Dokumentmal — verditakst / tilbudsbrev

Innholdsside

Godkjente varianter

Feilbruk

Brand-tokens

Semantic-tokens

UU-pair-variants Ikke brand-tokens

WCAG-kontrasttabell — regnet ut, ikke antatt

Ærlig notat: kursiven er syntetisk

Autentiske ansatt-portretter, aldri stock

Rå bildekraft fremfor iscenesatt lys

Mørke overlays fremfor filtre

Biler i bakgrunnen er alltid OK

Overlay-behandlingen — samme foto, rått og ferdig

1. Speed-streak-motivet

2. Eyebrow med rød strek

3. Chevron-pilene ››

4. Skilt-plate (reg.nr-feltet)

5. CTA-knappen

6. Trustbar

Gjør

Ikke gjør