# PALUSA – designbrief, version 3.0

17 oktober 2026 · Digitalt, appar, webb och presentationer

## Visuell kärna
Behåll den befintliga PALUSA-logotypens form, proportioner, toning och färgrutornas ordning. Använd originalfilen. Friyta: minst höjden av en färgruta runt grafiken. Placera logotypen direkt på ytan utan tillagd bakgrund, platta eller kort. På magenta och mörka ytor används den vita enfärgade tillämpningen. Utgångspunkt: minst 160 CSS-px eller 35 mm bred full logotyp; mindre än så används Steget.

## Steget och glyferna
Steget är de fem rutorna som fristående symbol: ett rutnät av 3 × 3, rutan s och gapet 3/8 s (hela symbolen 3,75 s). Färgordning och positioner: Korall #E62044 (0,0), Violett #564797 (1,0), Indigo #3F59A5 (1,1), Himmel #2EAAE1 (2,1), Grönska #66B659 (2,2). Minsta storlek 16 px, friyta en ruta. I färg på ljust, helt vitt på magenta eller mörkt. Rutorna roteras, rundas eller överlappas aldrig när de står still.

Nio glyfer använder samma fem rutor och färgordning: Steget (PALUSA), Rutt (Map My Day), Blixt (Blixtra), Ram (Screenshot Studio), Klammer (ShakeLogKit), Undertext (SRT Downloader), Lägg till, Stäng och Hem. På en färgyta blir glyfen monokrom i ytans textfärg. Filer: assets/palusa-steget*.svg och assets/palusa-glyfer.svg.

## Färg
Magenta #C0338B och Himmel #2EAAE1 är igenkänningsparet. Magenta är studions färg: primär handling och full volym, det vill säga en hel, platt färgyta med vit text (5,1:1) och vit knapp med magenta text. De sex originalfärgerna och skalorna 50–900 är oförändrade.

Tonpar: varje färg har en ljus ton som yta och sin egen 900-ton som text. Magenta 100/900 11,0:1 · Himmel 200/900 8,2:1 · Violett 100/900 12,2:1 · Indigo 200/900 8,5:1 · Grönska 200/900 7,4:1 · Korall 100/900 9,8:1. Inuti paret byter knappen plats.

Produktfärger: PALUSA Magenta · Map My Day Himmel (Himmel 900 som text) · Blixtra Indigo · Screenshot Studio Korall · ShakeLogKit Grönska (Grönska 900 som text) · SRT Downloader Violett. Appikonerna ändras inte.

Sömmen: toningen linear-gradient(90deg, #C0338B, #2EAAE1) finns bara i logotypen och som en tunn söm längs en kant (2 px linje, 6 px kant, 8 px progress). Aldrig bakom text, aldrig i en knapp. De mjuka toningsfälten och den djupa toningen från 2.1 utgår.

## Ytor och färgroller
Webb, ljust: Papper #F7F5F2, Vit #FFFFFF, Bläck #272330, Skiffer #6D6576, länk Magenta 700 #8A2464, handling Magenta 500 med vit text, hover Magenta 700, kant Linje #D8D4DE. Webb, mörkt (Kväll): Kol #121019, Natt #1C1924, text Papper #F7F5F2, sekundär text #A9A3B4, länk Magenta 200 #EBB2D5, samma magenta handling. Appar behåller Sand #EEEAE3 och Midnatt #101C36 där det passar produkten.

## Typografi
Rubriker och siffror: Outfit 800 med tät spärrning (−4 till −5 %) och kort radavstånd; 700 för titlar; Thin 100 bara bredvid logotypen. Löptext: Instrument Sans 400. Etiketter och kod: JetBrains Mono 600, etiketter i versaler med +12 % spärrning. Reserv: Helvetica Neue, Helvetica, Arial. Native-appar använder systemets textstilar och Dynamic Type. Alla tre typsnitt är fria (SIL OFL). Webbfilerna finns som woff2 (Latin och Latin Extended) med färdiga @font-face-regler i palusa.se/assets/fonts/fonts.css; lägg dem på egen server och länka aldrig en extern typsnittstjänst.

## Form och layout
Skarpt varumärke, rund produkt: webbens sektioner, knappar, taggar, kort, mallar, inlägg och visitkort har 0 px hörn. Inuti apparna gäller plattformens kontinuerliga hörn (16–28 pt för kort), och produktskärmbilder behåller enhetens hörn. Varumärkets ytor skiljs åt med 1 px linjer och färgfält, inte skuggor. 4 px som bas, 8 som rytm. Knappar på webben: 48–52 px höga, pilen är tre små rutor.

## Tre intensiteter
1. Arbetsyta: Papper eller Sand, vita ytor, liten accentandel. 80/15/5 är en startpunkt.
2. Produktsignatur: lugn grund med söm, Steget och en magenta handling.
3. Full volym: en hel magentayta (eller produktens kvadratfärg), tung vit rubrik och en handling. För hero, titelbilder och lanseringar.

## Rörelse och mönster
Varumärkets rörelse går i hela rutor: 80–120 ms per steg, varje ruta startar ett steg efter den förra, ingen oskärpa. Arbetar (en lucka går nedför trappan), Knuff (pilen tar två steg) och Ankomst (rutorna faller på plats). Apparnas gränssnitt behåller fjädringen. Med minskad rörelse visas allt på sin slutliga plats.

Väven är ett genererat mönster: neutrala rutor (#E9E5EC på ljust) med gap 3/8, Steg som vandrar ett steg i taget och enstaka rutor i magenta och himmel. Text ligger alltid på en opak panel.

## Ton och tillgänglighet
Tydlig, varm och saklig. Korta rubriker som tål tung typografi; palusa.se är på engelska, till exempel ”Apps that keep to themselves.” Skriv PALUSA i text. Kontrollera textkontrast, tangentbord, större text, alt-text, minskad rörelse och status som går att förstå utan färg.

## Leverans och ursprung
Lämna redigerbart original och export för användningen. Tryck är i huvudsak visitkort: vit framsida med Steget, magenta baksida med vit logotyp; följ tryckeriets mall och provtryck magentan. Originalpalett, logotyp och Helvetica Neue kommer från käll-PDF. Version 2.1 förankrade uttrycket i Map My Day. Version 3.0 lägger till Steget, glyferna, Outfit, full volym, tonpar, sömmen, formregeln, rörelse i steg och Väven. Startsidan palusa.se och palusa.se/screenshot-studio är byggda i 3.0.