# PALUSA — grafisk profil

Version 3.0 · 17 oktober 2026

## Nytt i 3.0
Version 3.0 behåller logotypen, originalpaletten och lugnet, och lägger till sex grepp:
- **Steget och glyferna.** De fem rutorna som fristående symbol, med gapet standardiserat till 3/8 av en ruta, och nio glyfer som använder samma rutor. Nytt kapitel: Steget & glyfer.
- **Hårfint till tungt.** Outfit för rubriker (800, tät spärrning), Instrument Sans för löptext och JetBrains Mono för etiketter. Helvetica Neue är reserv.
- **Full volym.** Magenta som hel, platt färgyta. Tonpar för alla sex färger. Produktfärger för de fem projekten. Toningen finns bara kvar i logotypen och som en tunn söm.
- **Skarpt varumärke, rund produkt.** Varumärkets ytor har raka hörn; apparna följer plattformen.
- **Ett steg i taget.** Varumärkets rörelse går i hela rutor. Nytt kapitel: Rörelse.
- **Rörelselabbet.** Ett eget kapitel med nio interaktiva experiment inspirerade av Awwwards vinnare inom animation i oktober 2026. Rutans resa, stegtorkningen och pixelmarkören (bara inom en yta) används på palusa.se.
- **Väven.** Ett genererat mönster av rutor och vandrande Steg.

Nytt i paletten: Kol #121019 för studions mörka läge på webben. Recepten Full volym och Kväll är nya; 2.1:s mörka recept heter nu Midnatt. Utgått: de mjuka toningsfälten, den djupa toningen för vit text och rundade knappar och kort i varumärkesmaterial.

Riktningen bygger på ett förslag med inspiration från Wise och årets identitetsarbeten. Startsidan https://palusa.se och https://palusa.se/screenshot-studio är byggda i 3.0.

## Öppna
Besök https://palusa.se/profile och bokmärk sidan. Ingen installation eller inloggning behövs. Hämta logotyper, Steget, designvariabler och mallar under Mallar & resurser.

## Använd
- Välj kapitel i sidomenyn.
- Sök med sökknappen eller Cmd/Ctrl+K.
- Klicka på färger för att kopiera HEX, RGB eller CSS-variabel. Välj format på färgsidan.
- Kopiera hela recept, textförslag och scenarioguider.
- Kontrollera text/bakgrund i Tillgänglighet.
- Ladda ned färdig grafik, tokens och mallar under Mallar & resurser.
- Skriv ut aktuellt kapitel med skrivarikonen eller webbläsarens utskrift. Färger kräver att bakgrundsgrafik är påslagen i utskriftsdialogen.

Om urklippsåtkomst inte går används en lokal kopieringsfunktion. Som sista alternativ öppnas en ruta där texten kan markeras och kopieras manuellt.

## Innehåll
- index.html — skal och navigation. Mellan markörerna `prerender:main`, `prerender:nav` och `prerender:jsonld` ligger en genererad statisk kopia av manualen (se "För AI-agenter och sökmotorer"); redigera inte den för hand
- palusa-profile.md — hela manualen som en enda Markdown-fil, genererad
- style.css — manualens layout; 3.0-reglerna ligger sist i filen
- data.js — färgfamiljer, recept, glyfer, produktfärger, tonpar och scenarioguider
- content.js — kapitelinnehåll
- app.js — kopiering, sökning, kontrast, navigation, Stegets rörelse, viktaxeln och Väven
- lab.js — Rörelselabbets demos; startas och städas upp av app.js när kapitlet visas
- assets/ — originalets vektorlogotyp, enfärgade tillämpningar, PNG, Steget (färg, mörkt, vitt), glyfarket och favicon
- downloads/ — tokens, färgkarta, brief, startpaket, designläsningen från 2.1 och oförändrad käll-PDF
- templates/ — presentationsmallar för PowerPoint (.pptx) och Keynote (.key) med förhandsbilder, redigerbara SVG-startmallar (inlägg, visitkort fram och bak) och e-postsignaturverktyget (ifyllt med uppgifterna, förhandsgranskning och kopiering för Apple Mail, Outlook och webbmejl)
- /assets/fonts/ (utanför manualens mapp, delas med palusa.se) — Outfit, Instrument Sans och JetBrains Mono som woff2, fonts.css med @font-face-reglerna och licenstexterna (OFL-*.txt)

## För AI-agenter och sökmotorer
Manualen ritas av JavaScript. En agent som hämtar https://palusa.se/profile utan att köra skript skulle därför bara se ett tomt skal. Tre lager gör att den ändå går att läsa; de genereras av ett skript från samma källor som sidan (data.js, content.js och downloads/):

- **Statisk text i index.html.** Hela manualen ligger som vanlig HTML i `<main>`, med JSON-LD (schema.org) i `<head>` och `<link rel="alternate">` till Markdown-filen och designvariablerna. app.js ersätter texten direkt när sidan startar, så besökare ser ingen skillnad.
- **palusa-profile.md.** Hela manualen i en fil, med en engelsk snabbreferens (färg-, typografi- och avståndstabeller), en ordlista svenska–engelska och scenarioguiderna. Bäst för en agent som ska bygga något åt PALUSA.
- **Upptäckbarhet.** `/llms.txt`, `sitemap.xml`, `Link`-huvuden i `firebase.json` och `robots.txt` pekar på sidan och filerna.

Generera om efter varje ändring av data.js, content.js eller filerna i downloads/. Kör från projektets rot (skriptet ligger utanför public och publiceras inte):

```
node scripts/build-profile-ai.mjs
```

`--check` avslutar med felkod om de genererade filerna är inaktuella och varnar om palusa-tokens.json har glidit ifrån data.js. Skriptet har inga beroenden. Manualen i sig kräver fortfarande ingen byggprocess; steget gäller bara den läsbara kopian.

## Ändra och underhåll
Alla filer är vanliga text- eller grafikfiler. Ingen byggprocess krävs för manualen. När data.js ändras behöver motsvarande nedladdningar (CSS, JSON, färgkarta, brief och ZIP) uppdateras så att de stämmer, och den AI-läsbara kopian genereras om (se ovan). Testa igen efter ändringar. Behåll original-PDF som källreferens. Versionera ändringar och notera datum.

SVG-mallarna innehåller verkliga textelement för redigering i vektorverktyg. De medföljande mallarna är startunderlag med avsiktliga platshållare. Visitkorten är RGB och behöver färghantering samt rätt PDF-export hos tryckeriet.

Presentationsmallarna (palusa-presentation.pptx och .key, 16:9) har tio layouter (titel, avsnitt, innehåll, två kolumner, nyckeltal, bild och text, endast rubrik, påstående, slut och tom) och nio exempelbilder. Temat följer 3.0: Papper, Bläck, Kol och de sex originalfärgerna som temafärger, Outfit ExtraBold för rubriker, Instrument Sans för text och JetBrains Mono för etiketter. Steget är vanliga rutor i layouterna, diagrammet är ett riktigt diagram och tonparen används för nyckeltalen. Typsnitten följer inte med filerna och måste vara installerade. Keynote-filen har skapats genom att öppna .pptx-filen i Keynote och spara om den som .key, så ändra .pptx först och gör om konverteringen. Uppdatera båda filerna, förhandsbilderna och startpaketet (ZIP) tillsammans när profilen ändras.

## Ursprung och avgränsningar
Den befintliga logotypens vektorgeometri har exporterats från käll-PDF:en med Poppler/Cairo och är oförändrad i 3.0. Måttlinjer och instruktioner runt märket ingår inte i logotypen. Toningen och de fem färgrutorna bevaras; PDF:ens CMYK-grafik konverteras till skärmfärg av renderaren. Därför skiljer sig logotypgrafikens skärmfärg något från de skrivna HEX-värdena. De nya paletterna utgår från HEX-värdena.

Steget ritas med de skrivna HEX-värdena och ett standardiserat gap på 3/8 ruta. I logotypfilen varierar gapet mellan 0,33 och 0,41 ruta; logotypfilen ändras inte.

Inga externa fonter, spårning, CDN-anrop eller tjänster används i manualen. Outfit, Instrument Sans och JetBrains Mono laddas från egen server: woff2-filer med Latin och Latin Extended (cirka 128 kB tillsammans) i /assets/fonts/, fria under SIL Open Font License 1.1 med licenstexterna bredvid filerna. Om en fil inte kan laddas visas lokala reserver (Avenir Next, Futura, Helvetica Neue, SF Mono). Endast visitkortschecklistans markeringar lagras i webbläsarens lokala lagring. Källänkar till W3C och inspirationskällor kräver internet när de öppnas.