Profilguide

Guiden ska säkerställa ett enhetligt och professionellt uttryck i SAMI:s utbildningsproduktioner. Målet är att skapa hög igenkänning, tydlig pedagogik och effektiv produktion.

• Enkelt – det ska kännas modernt utan att bli överdesignat

• Konsekvent – samma typer av grafik och animationer återkommer

• Hög läsbarhet – alltid tydlig kontrast och tempo

• SAMI-känsla – seriöst, tryggt och samtida

• Primär palett:

  –  Svart (#000000)

  –  Vit (#FFFFFF)

  –  Grön (SAMI-grön #24A470)

  –  Mörkgrön (#00412B)

• Bakgrunder:

  –  Svart

  –  Svart bakgrund med struktur/infärgad bild

• Text: Alltid vit mot mörk bakgrund

• Accent: SAMI-grön används sparsamt för detaljer/markeringar

• Font: Montserrat

• Vikter & storlekar: (Storlekangivelser är relativt, se exempel på användning).

  • Rubriker: Montserrat Extra Bold

  –  Namn: Montserrat SemiBold

  • Titel/funktion: Montserrat Regular/Light

• Principer:

  • Max två vikter per bild

  –  Gott om luft (minst 1,15 radavstånd)

• Stil: Enkelt och modernt med vita ikoner mot mörk bakgrund.

• Ikoner: I möjligaste mån används de ikonbibliotek som vi använder i appen och på webben: Google Font icons och Phosphor icons.

• Undantag: Andra ikonbibliotek kan användas vid behov, men ska harmonisera med ovanstående i stil.

• Placering: Ovanpå bild eller halvbild med svart bakgrund. Om text eller illustration är komplex och kräver full uppmärksamhet kan även helbild användas.

• Funktion: ikoner/grafiska element ska visualisera och förtydliga. Punktlistor ska sammanfatta och förtydliga (som stödord), inte upprepa vad som sägs.

• Bakgrund: I första hand grön platta med vit text, i andra hand svart med vit text, i tredje hand vit platta med svart text

• Textutförande: Första raden: namn, Montserrat Semibold. Andra raden: titel, Montserrat Light

• Animation: Mjuk och enkel slide-in från vänster

• Bakgrund: Helsvart plain eller svart med struktur/infärgad bild

• Stil: “Typewriter”-effekt med ljud, text skrivs fram bokstav för bokstav.

  • Snabb och “smooth” animation.

  • Blinkande markör följer texten (precis som i Word t ex)

  • Ska kännas som realistic typing

  • Samma preset används i alla produktioner

Visuellt stöd ska förstärka, inte upprepa tal. För all animation gäller:

• Enkel, kort och tydlig (ingen “onödig rörelse”)

• Samma riktningar återkommer (t ex vänster & in)

• Konsekvent tempo

• Undvik: Standard-PowerPoint-animationer och studsiga/barnsliga effekter

• Helanimerat – Animering bör harmonisera i stil med övriga grafiska element (våra ikonbibliotek). Helanimerat används för större komplexa förklaringar och ska hålla en lugn, stilren och pedagogisk stil.

• Korta filmklipp i nuvarande stil (”Rapport”-känsla)

• Längd: 3–5 sek

• Signalerar: trovärdighet, aktualitet & professionalism

• Musik: Alltid samma (den vi använder idag)

• Text: Första avsnittsnamnet (i samma stil som ”Avsnittsrubriker”)

Sista bilden i sista filmen i en utbildning ska ge en tydlig avsändare och en känsla av avslut och kvalitet. Den utgår från noten i SAMI:s logotyp som animeras i två steg:

·   Not-symbol zoomas in/ut

·   Text vecklas ut från loggan

• Subtila effekter (som typewriter-ljud)

• Inga starka eller störande ljud

• Bakgrundsmusik kan gärna användas som intro/outro/mellanspel, men tonas ner/stängs av när utbildning pågår

• Undertexter ska alltid finnas. Stil: vit text utan bakgrundsplatta

• Intro: Rapport-liknande filmklipp

• Outro: Not-symbol zoomas in/ut och text vecklas ut från loggan

• Ljud typewriter

• Titelplattor

• Svart bakgrund med struktur/infärgad bild

• Exempel på animation: ”Mjuk och enkel slide-in från vänster” t ex

• Exempel undertexter