[lizell]

Förslaget

Sajten får en gemensam form utifrån designmanualen: Athega-orange, mörk text på ljusa ytor, serifrubriker och en personlig serietecknad bildvärld med Athegamannen, en kvinnlig uppfinnare och en hund. Fristående uppmaningar använder samma vita knapp med orange ram på alla sidor.

Startsidan, tjänste- och företagssidorna, personalsidorna och övriga innehållssidor följer den nya formen. Mobilens sidfot är kompaktare. Bloggöversikten får ett större senaste inlägg och därefter fyra kompakta kort följda av ett större kort, med växlande bildsida på dator. Kronologin bevaras. Bloggposternas innehåll och mallar är oförändrade.

Illustrationerna är AI-genererade konceptskisser utifrån manualens karaktärer. Athegamannens proportioner har justerats till en bredare och kraftigare figur. Bilderna levereras som komprimerad WebP. Befintliga texter och permalänkar behålls.

Titta och prova

• Läs designmanualen direkt i GitHub
• Öppna manualen som PDF
• För sajten: checka ut docs/designmanual, kör npm ci och npm start med Node 24. Öppna adressen som servern skriver ut.
• Manualens interaktiva prov kan också öppnas lokalt via docs/designmanual/index.html utan server. Manualen är undantagen från sajtbygget.

Implementation och granskning

Stilen avgränsas med manual-design och kompletterande sidklasser. Gemensamma Markdown-sektioner har stöd för dekorativa illustrationer i hero och kortintroduktioner. Ingen ny klientkod eller nya paket behövs.

Granskningen förenklade duplicerad bildextraktion och rättade dokumentationens tidigare beskrivning av en ren dokumentations-PR. Inga kvarvarande blockerande fynd.

Verifiering

• npm run build, npm run check, npm run check:urls: godkända; 255 kontrollerade sidor och alla adresser från branchens main-bas finns kvar.
• npm test: 54 godkända tester, inklusive illustrationer i Markdown-sektioner.
• Chrome i 320, 390, 768 och 1440 px, samt startsidan i 1024 px: inga horisontella överflöden eller JavaScript-fel i kontrollerade sidtyper. Kontrollerat enhetliga knappar, bilder, mobilmeny, ankarlänk och reducerad rörelse.
• Blogglistans större kort kontrollerade på mobil och dator, inklusive ett äldre årsarkiv.
• Synliga texter jämförda för berörda undersidor. Samtliga 144 genererade bloggposters HTML är byte-identiska med före ändringarna.
• Förenklingen ändrade ingen genererad HTML. Skärmbilder granskade och manualens PDF uppdaterad.

Webbläsarkontrollerna är gjorda i Chrome; Safari och Firefox är inte separat verifierade.