VägAdmin

Grafisk profil

Använd VägAdmins designtokens och grafiska riktlinjer när du skapar tryckmaterial, reklamblad eller marknadsföring för samfälligheten.

Logotyp

VägAdmins logotyp består av en vägsymbol och ordmärket "VägAdmin". Använd alltid båda delarna tillsammans om inte utrymmet är mycket begränsat.

VägAdmin

Färger

Vårt färgschema är inspirerat av det svenska landskapet — grusvägar, barrskog och öppna fält. Använd primärfärgen sparsamt för knappar och viktiga element.

Primärfärg

oklch(0.36 0.06 150)

Accent

oklch(0.65 0.10 145)

Bakgrund

oklch(0.97 0.01 100)

Text

oklch(0.18 0.03 150)

Typsnitt

VägAdmin använder Plus Jakarta Sans för all text. Det är ett modernt, lättläst groteskt typsnitt som fungerar lika bra på skärm som i tryck.

Plus Jakarta Sans

Aa Bb Cc 123

Medlemsregister, fakturering, protokoll och underhåll.

Användning

När du skapar material för din samfällighet — informationsblad, vägskyltar, inbjudningar till årsmöte — kan du låna VägAdmins grafiska profil för en enhetlig look.

  • Använd logotypen i övre hörnet på informationsblad
  • Primärfärgen passar bra för rubriker och viktiga knappar
  • Håll texten kort och begriplig — så som VägAdmin självt
  • Lämna generöst med luft runt elementen

Gränssnitt för administration

VägAdmin är ett administrativt system — det mesta av arbetet sker i tabeller, formulär och filter. Här är mönstren som håller täta gränssnitt läsbara: lugn bakgrund, tydliga avdelare, 8-punktsraster och färg endast där den betyder något.

Rad-hover / vald

--secondary

Avdelare & ramar

--border

Positiv status

--accent

Fel & varning

--destructive

Datatabeller

Radhöjd 48 px, kolumnrubriker i versaler och 12 px, siffror högerställda med tabulära siffror. Hela raden är klickbar och markeras med --secondary.

NrMedlemFastighetBeloppStatus
F-1042Anna LindÄngsbacken 2:143 400 krBetald
F-1043Erik SundÄngsbacken 2:153 400 krFörfallen
F-1044Maja HolmÄngsbacken 3:21 700 krUtkast
Visar 1–3 av 128

Formulärfält

Etikett ovanför fältet, 14 px text, 12 px hjälptext. Fälthöjd 44 px för säkra träffytor. Fel visas i text — aldrig bara med färg.

Så som namnet står i registret.

Andelstal måste vara större än noll.

Selectors & filter

Filter ligger alltid ovanför tabellen i en rad. Aktiva filter visas som borttagbara chips så att inget urval blir osynligt.

AllaObetaldaBetalda
Status: ObetaldÅr: 2026

Densitet & regler

Administrativa vyer tål mer information än en landningssida — men bara om rytmen är strikt.

  • 8-punktsraster: 8 / 12 / 16 / 24 px är de enda avstånden
  • Radie 12 px på fält och knappar, 16 px på kort
  • Max en primärknapp per vy — resten är sekundära
  • Belopp och datum alltid med tabulära siffror, högerställda
  • Status kommuniceras med text + färg, aldrig färg ensamt
  • Ramar istället för skuggor i täta vyer

Frågor om grafisk profil?

Hör av dig om du vill ha logotypen i vektorformat eller behöver hjälp med att producera material.

Kontakta oss