Kliva

    Kliva Brand Guidelines

    Et varemerke bygget på klarhet, data og nordisk ro

    Retningslinjene nedenfor beskriver hvordan Kliva ser ut, høres ut og føles – fra logotype og fargepalett til typografi, tone og komponentspråk. Bruk dem for å holde hver flate sammenhengende, rolig og selvsikker.

    Innhold

    Finn raskt frem

    Hopp direkte til avsnittet du trenger: verdier, visjon, tagline, logo, farge, typografi, stemme eller komponentspråk.

    01VerdierDe tre verdiene som styrer alt vi gjør.02Visjon & misjonVerden vi ønsker å se – og hva vi gjør hver dag.03TaglineAlt på ett sted – kort og lang versjon.04LogotypeOrdbild, ikon och nedladdningar (SVG).05FargepalettCream, accent orange, Kliva green og tokens.06TypografiAptos Serif, Plus Jakarta Sans, Inter.07Tone & stemmeHvordan vi skriver – konkret, rolig, kildebelagt.08Sosiale medierLinkedIn-maler, ikoner og bannere.09Hero & dotmapHero-oppskriften og dotmap-illustrasjonen.10DesignprinsipperAvstand, kort, knapper og komponentspråk.

    Verdier

    Tre verdier som styrer alt vi gjør

    Før farge, typografi og logo kommer verdiene. De avgjør hvordan vi skriver, hva vi lover, og hvordan vi møter kunder og kolleger. Når noe føles feil — gå tilbake til disse tre.

    01

    Transparens

    Vi viser kilder, metoder og usikkerhet — alltid.

    • Vis datakilde og oppdateringsdato ved siden av hvert tall
    • Si hva vi ikke vet, ikke bare hva vi vet
    • Tydelige priser, ingen skjulte vilkår

    02

    Nysgjerrighet

    Vi stiller spørsmålet en gang til før vi bygger svaret.

    • Spør 'hvorfor' før vi foreslår 'hvordan'
    • Test antakelser mot reelle data, ikke mot magefølelse
    • Belønn nye spørsmål like høyt som nye svar

    03

    Ydmykhet

    Vi vet at eiendomsbransjen kan jobben sin bedre enn oss.

    • Lytt før vi forklarer
    • Erkjenn feil tidlig og tydelig
    • Ingen superlativer om oss selv — la arbeidet tale

    Verditest

    Før noe publiseres — side, e-post, presentasjon, post — skal det klare tre spørsmål:Er det sant? Er det nysgjerrig? Er det ydmykt?

    Visjon & misjon

    Et nordisk eiendomsmarked som drives av delt, transparent data

    Visjon og misjon er de to fiksingspunktene bak alt vi bygger. Visjonen beskriver verden vi ønsker å se. Misjonen beskriver hva vi gjør hver dag for å komme dit. Når KI nå skriver, oppsummerer og foreslår beslutninger for bransjen, blir det viktigere enn noensinne at kilden i bunn er korrekt, kvalitativ, oppdatert og foredlet — ellers skaleres feilene i stedet for innsiktene.

    Visjon

    Et nordisk eiendomsmarked der beslutninger bygger på fakta, ikke gjetninger — der data, kilder og metoder er delte, granskbare og trygge nok til å la KI bygge videre på.

    Misjon

    Samle all eiendomsdata, alle verktøy og hele arbeidsflyten på ett sted — sikre at informasjonen er korrekt, kvalitativ, oppdatert og foredlet, slik at mennesker og KI sammen kan oppnå nye innsikter og ta bedre beslutninger.

    Dette innebærer konkret

    • Én plattform — ikke flere siloer, ikke flere eksporter
    • Kilder og oppdateringsdato ved siden av hvert tall
    • Fore_dle_de data og ferdige analyser, ikke bare rå eksporter
    • AI-klar: sporbar, kontrollerbar og versjonert
    • Åpne integrasjoner mot systemene bransjen allerede bruker
    • Like nyttig for analytikeren, forvalteren og styret

    Tagline

    Alt på ett sted

    Vi dobler ned på en gammel klassiker. Den har eksistert lenge — og stemmer mer nå enn noensinne. Én plattform, all data, alle verktøy, hele eiendomslivssyklusen.

    Kort

    Alt på ett sted

    Lang

    Alt på ett sted — plattformen for eiendom

    Bruk kort versjon i logo-lockups, sosiale bioer og korte flater. Lang versjon i hero, pitch-presentasjoner og pressemateriell der konteksten trengs.

    Fargepalett

    Rolig base, varme aksenter

    Paletten består av en varm krembase (Primary) og nesten-svart tekst. Aksent-oransje brukes sparsomt for eyebrows, hover-tilstander og den ikoniske prikken. Kliva Green er vår sekundære brand-farge for datavisualisering og positive tilstander.

    Kjernepalett

    Foreground

    Primär text, rubriker, mörka knappar

    token --foreground
    hsl 220 14% 10%
    hex #161A1F

    Primary (Cream)

    Hero-bakgrund, lugna ytor

    token --primary
    hsl 47 24% 92%
    hex #EFEBDF

    Background

    Default sidbakgrund

    token --background
    hsl 0 0% 100%
    hex #FFFFFF

    Background tertiary

    Funktionsöversiktsektioner

    token --background-tertiary
    hsl 0 0% 100%
    hex #FFFFFF

    Secondary

    Subtila kort, ikonbakgrunder

    token --secondary
    hsl 220 6% 95%
    hex #F1F2F3

    Muted foreground

    Brödtext, beskrivningar

    token --muted-foreground
    hsl 220 6% 38%
    hex #5C6068

    Border

    Tunna avgränsare, kort-kanter

    token --border
    hsl 220 6% 88%
    hex #DEE0E2

    Cream Deep

    Mörkare cream — pricken på ljus bakgrund, hover på primary, dividers

    token --cream-deep
    hsl 45 22% 78%
    hex #D6CFB6

    Aksenter og flater

    Accent Orange

    Eyebrows, prick i logotyp, CTA-detaljer

    token --accent-orange
    hsl 27 96% 61%
    hex #FB923C

    Kliva Green

    Brand-accent, framgångstillstånd

    token --kliva-green
    hsl 172 56% 36%
    hex #299184

    Surface Sky

    Datavisualisering, lugna kort

    token --surface-sky
    hsl 210 55% 93%
    hex #DCE8F4

    Typografi

    Serif for følelse, sans for klarhet

    Klivas typografi kombinerer Aptos Serif for store overskrifter (varm, redaksjonell tone) med Plus Jakarta Sans for underoverskrifter og UI, og Inter for brødtekst. Versalspacing -0.025em på overskrifter, normal på brødtekst.

    H1 — Aptos Serif · 300 · -0.01em

    Arbeidsflyten for eiendomsbransjen

    H2 — Plus Jakarta Sans · 500 · -0.025em

    Én plattform – alle verktøyene du trenger

    H3 — Plus Jakarta Sans · 300

    Funksjonsoversikt og datalager

    Brødtekst — Inter · 400 · 1.6 line-height

    Fra prosjekt til transaksjon og compliance. Kliva samler beslutningsgrunnlag for porteføljer og prosjekter på minutter – ikke dager. For deg som utvikler, forvalter, investerer i eller analyserer det bygde miljøet.

    Eyebrow — Inter · 600 · 0.05em uppercase

    Funksjonsoversikt

    Tone & stemme

    Konkret, rolig, aldri hypet

    Kliva snakker som en erfaren analytiker som forklarer noe komplisert over et glass vann – ikke som en selger. Korte setninger. Konkrete tall. Aldri superlativer uten substans.

    Si slik

    • t("brandPage.beslutsunderlagPaMinuterInte")
    • t("brandPage.24mFastigheter290Kommuner")
    • t("brandPage.filtreraPaTypkodLageYieldOch")
    • t("brandPage.nordiskDataSvenskaServrar")

    Unngå

    • t("brandPage.revolutionerandeAiDrivenProptech")
    • t("brandPage.gameChanging"), "next-gen", "world-class"
    • Utropstecken. Versaler för betoning.
    • t("brandPage.sverigesEnda") — vi är nordiska, inte svenska.

    Klar

    En mening, en idé. Förklara aldrig en funktion innan du sagt vad den ger.

    Konkret

    Använd siffror, källor, tidsåtgång. "Snabbare" är inte en egenskap.

    Rolig

    Vi övertygar genom precision, inte genom volym. Ingen FOMO, inga emojis.

    Sosiale medier

    LinkedIn – selskap og personlig

    To godkjente LinkedIn-bruk: selskapssiden bruker vår primære ikon i kremfarge som profilbilde, og medarbeidere bruker den nordiske dotmap-banneren som personlig forsidebilde for en sammenhengende tilstedeværelse.

    Kliva LinkedIn-ikon

    Selskapssiden – profilbilde

    Bruk kremfarge – primær-ikonet som profilbilde på Klivas LinkedIn-selskapsside. Last opp som kvadratisk PNG, minst 400×400px.

    Last ned ikon →
    Kliva LinkedIn personlig banner

    Personlig – forsidebanner

    Medarbetare använder denna banner (t("brandPage.theWorkflowForRealEstate")) som personligt LinkedIn-omslag. Format 1584×396px. Ladda ner och använd som den är — ingen redigering.

    Last ned banner →

    Hero-seksjoner og dotmap-konseptet

    Krembase, ordbilde til venstre, dot-illustrasjon til høyre

    Dotmap är vårt föredragna illustrationsspråk — motiv byggda av små prickar i gråa nyanser för formen och orange nyanser för accent och fokus. Den nordiska kartan är en variant; varje hero kan ha sin egen (megafon för marknad, byggnader för fastigheter, nätverk för data). Receptet är detsamma: varm cremebakgrund (Primary), rubrik i Aptos Serif vänsterställd i max 17ch, dot-illustration som lugn visuell ankare till höger — aldrig över 55% bredd eller 55% opacitet.

    Eyebrow

    Overskrift i Aptos Serif, maks 17 tegn per linje

    Brødtekst i Inter, max-w-md, rolig tone. To CTA-er: en mørk primær og en outline.

    Bakgrunn

    Alltid bg-primary (cream #EFEBDF). Aldrig vit eller mörk i hero.

    Dot-palett

    Form i grått (hsl(0 0% 38–66%)), accent och fokus i orange (hsl 22 92% 50–62%). Inga andra färger.

    Plassering

    Høyre side, maks 55% bredde, opasitet 0.55, pointer-events-none, alt="" aria-hidden="true" (dekorativ).

    Høyde

    Hero på startsiden: 80dvh. Underpages hero: pt-32 md:pt-44 + pb-20 md:pb-28.

    Snippet

    <section className="relative bg-primary overflow-hidden pt-32 md:pt-44 pb-20 md:pb-28">
  <div className="content-grid relative">
    <div className="max-w-3xl">
      <p className="text-sm font-semibold text-accent-orange uppercase tracking-wider">{t("brandPage.eyebrow")}</p>
      <h1 className="font-display font-normal text-4xl md:text-6xl max-w-[17ch]">…</h1>
    </div>
    <div aria-hidden className="absolute right-0 top-0 h-full w-[55%] opacity-55 pointer-events-none">
      <img src={heroDotmap} alt="" aria-hidden="true" />
    </div>
  </div>
</section>

    Designprinsipper

    Bento, varm base, monokrome ikoner

    Layouten baserer seg på en varm kremfarget bakgrunn med bento-grid. Mørke kort fremhever primære funksjoner, lyse kort bærer sekundære. Ikoner er alltid monokrome – aldri pastellfargede bakgrunnsblobber.

    Mørkt kort

    Hero-funksjon

    Mörka kort används för hero-features (Kliva Pipeline, AI & MCP). Gradient från #161A1F till #2A2418 ger varm djup utan att bli flat svart.

    Lyst kort

    Sekundær funksjon

    Ljusa kort bär sekundär information med tunn border.

    Radius

    Globalt subtil radius (2px) på stora ytor. Knappar och inputs behåller sin standardradius.

    Mellomrom

    section-padding: 6rem vertikalt på desktop. content-grid max-w 1580px.

    Hover

    translate-y-1 + soft shadow. Aldrig färgskifte på hela ytan.

    Kliva

    Kliva-support

    Svarer som regel innen noen minutter

    Hei, hvordan kan vi hjelpe?

    Still et spørsmål eller velg en snarvei under.

    Send e-post

    hello@kliva.com

    Ring oss

    Hverdager 09–17

    Bestill demo

    30 minutter med teamet vårt