Eiendomsavtaler.no – Visuell profil

Denne profilen definerer designgrunnlaget for en moderne, konverteringsfokusert og profesjonell digital tilstedeværelse.

Fargepalett

Typografi

Typografien bygger på Inter – et moderne og tilgjengelig skrifttypevalg som skaper lesbarhet og struktur.

A1 – Hovedtittel

Font: Inter – 2.5rem / Bold

A2 – Undertittel

Font: Inter – 1.75rem / Semi-bold

A3 – Seksjonstittel

Font: Inter – 1.4rem / Semi-bold

A4 – Fremhevet tekst

Font: Inter – 1.2rem / Semi-bold

A5 – Brødtekst

Font: Inter – 1rem / Normal

Font: Inter – 1rem / Link style

Knapper

Knappene er designet for konvertering med tydelig form, rundhet og animasjon. De følger en hierarkisk struktur:

CTA-farge: #0073C6, rund og tydelig

Funksjonsfarge: #EAF4FC, diskret

Transparent med blå kantlinje

Grået ut og utilgjengelig

Kortkomponenter

Kort brukes til å strukturere informasjon, som eiendomsobjekter, dokumenter eller avtaler. De skal være luftige og oversiktlige med fokus på lesbarhet.

Eiendom A

Moderne kontorlokaler med høy standard. 320 m² nær sentrum.

Avtaleutkast

Se gjennom avtalen og last ned PDF eller del med kollega.

Varsler

Varsler brukes til å gi raske tilbakemeldinger til brukeren. De skal være tydelige, men ikke påtrengende.

✅ Endringene ble lagret.
ℹ Du ser en forhåndsvisning av avtalen.
⚠ Husk å fylle inn alle påkrevde felt.
⛔ Det oppstod en feil under lagring.

Skjemaelementer

Skjemaer skal være intuitive og enkle å bruke. Feltene har god luft og tilbakemelding ved interaksjon og validering.

Statusmerker / Badges

Badges brukes for å merke status eller type, som “aktiv”, “utløpt” eller “ny avtale”. De er små, tydelige og konsekvente i bruk.

Aktiv Utløpt Ny avtale Avvist Arkivert

Layout og spacing

Vi bruker et 8px-basert system for spacing og layout. Dette skaper visuell rytme, god luft og konsistent brukeropplevelse.

4px
8px
16px
24px
32px
48px
Kolonne 1
Kolonne 2
Kolonne 3

Status for eks: annonse

Live oppdatering av status for brukere

Mottatt
Registrert i systemet
Gjennomgang
Under redaksjonell kontroll
Publisert
Synlig for brukere

Mikrotekst og skriveregler

Mikrotekst handler om de små ordene som veileder, bygger tillit og konverterer. Hos Eiendomsavtaler.no skal tonen være profesjonell, tillitsvekkende og hjelpsom.

✅ Gjør

  • Vær tydelig og konkret
  • Bruk aktivt språk (“Registrer deg gratis”)
  • Informer om verdi (“Se detaljer og dokumenter”)
  • Skap trygghet (“Ingen binding”)

🚫 Unngå

  • Generiske fraser (“Klikk her”)
  • Tekniske uttrykk brukeren ikke forstår
  • Negativt eller pressende språk
  • Unødvendig lange setninger

Eksempler på mikrotekst

CTA-knapp: Registrer deg gratis

Feilmelding: Vennligst fyll ut e-postadressen

Info: Du kan når som helst endre innstillingene dine

Oppsummering

Denne visuelle profilen er ryggraden i den digitale identiteten til Eiendomsavtaler.no. Den sikrer helhetlig uttrykk, brukervennlighet og profesjonell fremtoning på tvers av flater og fløyer.

Designprofilen er et levende dokument og skal oppdateres jevnlig i takt med utvikling og innsikt. Har du forslag til forbedring? Ta kontakt med designteamet!