Grafisk profil

Målsättning

  • Skapa en enhetlig och konsekvent identitet som speglar både att vi är en del av Göteborgs universitet och Nationella språkbanken.
  • Göra det enkelt att följa den grafiska profilen.

Innehåll

Grunder

Repositorie

Loggor med mera finns här: https://github.com/spraakbanken/communication/tree/main/logotypes.

Logotyp

Logotypen kan även användas med en beskrivande text (slogan/tagline). Den är tänkt att användas i sammanhang som har med Språkbankens verktyg och plattformar att göra.

Typsnitt

Slogan

  • Svenska: En forskningsinfrastuktur för språkliga data och en språkteknologisk forskningsenhet
  • Engelska: A research infrastructure for language data and a language technology research unit

Färger

Primär, ”sborange”

  • Kodning: #F0581A, RGB: 240, 88, 26, PANTONE Orange 021 C, CMYK: 0/63/89/6
  • Använd i grafiska element och för handlingar som följer ett tänkt arbetsflöde (nästa steg)

Blå

  • Kodning: #1E989F, RGB: 30, 152, 159
  • Använd för interaktiva element och för hjälpavsnitt

Röd

  • Kodning: #D42225
  • Använd för resultat som förhindrar ett väntat arbetsflöde, och för handlingar som kan förstöra data.

Gul

  • Kodning: #F6C200
  • Använd för resultat som förändrar ett väntat arbetsflöde. Undvik som textfärg mot vit bakgrund.

Grön

  • Kodning: #5AA018

Riktlinjer

  • Undvik färgad bakgrund till text. Använd helst vitt, och variera med ljusgrått vid behov
  • Om liten eller normalstor text används mot färgad bakgrund, använd fetstil
  • Tonade varianter av färgerna kan användas som bakgrund (ljusa varianter i ljust läge, mörka i mörkt läge). Tona till exempel gärna mot vitt genom att blanda 80:20 med helvitt
  • För grå färger, använd neutral gråskala, dvs R = G = B

Benämningar

  • Språkbanken (inte längre "Nationella språkbanken")
  • Språkbanken Text
  • Språkbanken Tal
  • Språkbanken Sam
  • Språkbanken CLARIN

Använd inte förkortningen ”SBX” eller ”SBTEXT” (i utåtriktat material). Förkortningar tar kort tid att skriva men lång stund att läsa (och de flesta vet inte vad ”SB” står för).

Logotyper

För verktyg och plattformar.

  • Typsnitt: Jost*
  • Skärning: Light samt Medium (för beskrivande text)
  • Format: Logotyperna finns tillgängliga både som SVG (vektorgrafik) och PNG.

Beskrivande text (slogan/tagline)

Svenska:

  • Karp - Språkbankens lexikonplattform
  • Korp - Språkbankens ordforskningsplattform
  • Mink - Språkbankens dataplattform
  • Sparv - Språkbankens analysplattform
  • Strix - Språkbankens textforskningsplattform
  • Lärka - Språkbankens inlärningsplattform

Engelska:

  • Karp - Språkbanken’s lexicon platform
  • Korp - Språkbanken’s word research platform
  • Mink - Språkbanken’s data platform
  • Sparv - Språkbanken’s analysis platform
  • Strix - Språkbanken’s text research platform
  • Lärka - Språkbanken’s learning platform

Frontend

WIP (2026-).

Text

  • Text för rubriker etc: Jost*
  • UI-element: Jost*
  • tabeller/data: Noto Sans
  • brödtext: Noto Serif (Tidigare: sans-serif. På Debian/Ubuntu (beroende på DE?) är det https://en.wikipedia.org/wiki/Noto_fonts. Dra ner den till 0.8rem vs Jost*.)
  • Vi strävar efter att ha samma textstorlek(ar) på våra sidor:
    • låt bli att sätta någon bas-storlek (det hanterar webbläsaren)
    • undvik att använda px/pt som måttangivelse för text
    • ex <h2> ska ha storlek ... 1.5rem? (osäkert, använd iaf relativa mått)

Ikoner

Vi använder oss av {Font Awesome](https://fontawesome.com/search?ic=free-collection).

Ikoner för vanliga funktioner:

Struktur

Sidhuvud

Vänster

Plattformens logotyp med slogan (länkad till start-läge)

Mitten

Dataväljare

Höger

Meny med exempelvis "Logga in", tema-väljare, språkväljare.

Sidfot

Vänster

Mitten

Höger

  • Logotyp för nodens hemvist, exempelvis Göteborgs universitet (länkad)

Övriga element

Arbete pågår med att ta fram gemensamma lösningar för:

  • arbetsflöden, exempelvis val av datamängder
  • "dropdowns"
  • utseende på länkar
Page manager: Staffan Melin
|
Last update: 2026-10-05