--- title: Typography status: decided type: foundation/identity-element depends_on: [] propagates_to: - baseline/tokens/* - communication/* - physical/* last_verified: 2026-03-26 --- # Typografi ## Varför typsnittet ser ut som det gör Museo Sans är geometriskt och avskalat, men med mjuka, rundade former. Den kombinerar precision och värme på ett sätt som är tydligt professionellt. Museo Sans signalerar att vi vet vad vi gör och att vi bryr oss om vem vi pratar med. Det är den nära experten i typografisk form. Arial används när Museo Sans inte finns tillgängligt. Till exempel i PowerPoint, Word-dokument och andra system eller situationer där Museo Sans inte finns tillgängligt. Arial är neutralt, rent och tillgängligt. Det replikerar inte Museo Sans exakta karaktär, men det håller tonen och läsbarheten intakt. --- ## Typsnittet ### Museo Sans — varumärkestypsnitt Museo Sans är förstahandsvalet i all Aleris-kommunikation. Det har inga 400-vikter — hoppa aldrig till 400, det finns inte i typsnittet. | Vikt | Värde | Roll | |------|-------|------| | Light | 300 | Enbart stor rubriktext (40px+). Undantag, inte standard | | Regular | 500 | Brödtext, etiketter, knappar. Arbetshästen | | Bold | 700 | Rubriker, betoning, primära handlingar. Den andra arbetshästen | | Black | 900 | Nästan aldrig. Prova 700 i större storlek först | ### Arial — reservtypsnitt Arial är standard i MS Office-miljöer och system där Museo Sans inte är installerat. | Vikt | Värde | Roll | |------|-------|------| | Regular | 400 | Brödtext, etiketter, knappar | | Bold | 700 | Rubriker, betoning | **Principen:** Två arbetsvikter — regular och bold. Vilka font-weight-värden de motsvarar beror på typsnittet. Museo Sans: 500/700. Arial: 400/700. ### Typsnittsstapel Primär: `'Museo Sans', Arial, sans-serif` Reserv: `Arial, sans-serif` --- ## Hierarki ### Principen Aleris typografiska system bygger på relativa storlekar, inte fasta pixelvärden. Varje textnivå skalas från en gemensam basstorlek med ett tydligt förhållande mellan stegen. Det skapar flexibilitet mellan format och enheter utan att hierarkin går förlorad. Tre krav gäller alltid: **Minst 14px (eller motsvarande) för all läsbar text.** Det är tillgänglighetsgolvet. Inget typsnitt i Aleris-kommunikation sätts mindre — varken digitalt eller i tryck. Målgruppen inkluderar patienter 40+ med nedsatt syn. **Minst 8 punkters skillnad mellan textnivåer.** Om två storlekar ligger närmare varandra än 8pt skapas ingen tydlig hierarki — det ser ut som ett misstag snarare än ett medvetet val. Förenkla genom att slå ihop dem till en nivå. **Inledande versal i allt.** Stor bokstav bara i början av meningen — aldrig genomgående versaler, aldrig stor bokstav i varje ord. Versaler försämrar läsbarheten — bokstäverna blir likformiga och ögat tappar ordkonturerna som hjälper det att läsa snabbt. Vi använder det inte. ### Typografisk skala — digital referensimplementation Baslinjesystemet använder en kvintskala (1.5) med 18px som ankare. Andra kapitel kan anpassa skalan efter sina förutsättningar — men förhållandena och hierarkiprincipen är desamma. | Steg | Storlek | Px | Roll | |------|---------|----|------| | xs | 0,78rem | 14px | Tillgänglighetsgolv. Bildtexter, fintext | | sm | 0,89rem | 16px | Etiketter, gränssnittselement | | base | 1rem | 18px | Brödtext. Skalans ankare | | md | 1,22rem | 22px | h4, underrubriker | | lg | 1,5rem | 27px | h3, ingress | | xl | 2,22rem | 40px | h2 | | 2xl | 3,33rem | 60px | h1, stor rubrik | ### Radavstånd | Sammanhang | Värde | Exempel | |------------|-------|---------| | Stor rubrik (60px) | 1,1 | Tätt — stora bokstäver behöver mindre luft | | Rubriker (h1, h2) | 1,2 | 40px × 1,2 = 48px | | Underrubriker (h3, h4) | 1,33 | 27px × 1,33 = 36px | | Brödtext | 1,5 | 18px × 1,5 = 27px | Ju större texten är, desto tätare kan radavståndet vara. Brödtext behöver mest luft — det är där ögat rör sig snabbast. ### Ingress Ingress sätts i 27px, regular (500), sekundärfärg. Används en gång per sektion, direkt efter rubriken. Den ger läsaren en mjuk övergång från rubrik till brödtext. --- ## Hårda regler **Aldrig versaler.** Inledande versal i allt — rubriker, knappar, navigation, etiketter. Versaler försämrar läsbarheten och bryter tonen. Det enda undantaget är förkortningar (AB, MRI). **Aldrig kursiv för betoning.** Kursiv i Museo Sans har svag visuell kontrast mot regular — det märks knappt, särskilt i mindre storlekar. Använd bold (700) för betoning. Kursiv används inte för hela meningar, textblock eller framhävning. **14px är golvet.** Ingen text i Aleris-kommunikation sätts mindre än 14px. Målgruppen inkluderar patienter med nedsatt syn, äldre användare och stressade läsare i vårdsituationer. **Håll det enkelt.** Använd inte många storlekar eller vikter i samma produktion. Skalan finns för att skapa hierarki, inte variation. Två till tre storlekar räcker oftast. Om layouten kräver fler bör strukturen förenklas. **Storlekar i rem, inte px.** I digitala sammanhang sätts all typografi i rem-enheter. Det respekterar användarens webbläsarinställningar och är ett tillgänglighetskrav. --- ## Kontextuellt: hur typografin anpassas Typsnittet är konstant — Museo Sans (eller Arial som reserv). Principerna är konstanta — hierarki, tillgänglighetsgolv, inledande versal, minst 8pt skillnad. Skalan, radavståndet och viktbalansen är kontextuella. En digital produkt använder kvintskalan med 18px bas. En tryckt patientbroschyr kan ha en annan bas och ett anpassat radavstånd för pappersformatet. En intern presentation i PowerPoint använder Arial med 400/700 som viktpar. Samma principer, olika tillämpning. Baseline (digitalt), Communication och Physical dokumenterar skalans specifika värden i sitt sammanhang. --- ## Snabbtest Innan du fattar ett typografiskt beslut: 1. **Är det Museo Sans eller Arial?** Om ingetdera — använd det inte. Introducera aldrig andra typsnitt. 2. **Är den minsta texten minst 14px?** Om inte — öka den. Tillgänglighetsgolvet gäller alltid. 3. **Syns hierarkin tydligt?** Om två storlekar känns lika — slå ihop dem. Minst 8pt skillnad mellan nivåer. --- *Typografi är varumärkets röst utan ljud. Museo Sans — geometriskt, mjukt, precist — uttrycker den nära experten i varje bokstav. Att byta typsnitt, bryta hierarkin eller ignorera tillgänglighetsgolvet gör inte materialet mer kreativt. Det gör det svårare att läsa och svårare att lita på.*