HAAM · Designsystem
HAAM tar sin utgångspunkt i hammaren: ett användbart verktyg för att göra saker som håller. Strukturen står stadigt. Sommar, vinter, solsken och månsken är kläderna den bär när årstiderna växlar.
Den beständiga kärnan
Beständighet finns i tydlig information, pålitliga interaktioner, tillgängliga flöden och system som människor kan förstå och underhålla. En ny visuell identitet, årstid eller teknik ska kunna tas emot samtidigt som det människor förlitar sig på bevaras. Fortsatt nytta kräver omsorg.
The browser is the canonical first surface today. Figma libraries and Storybook mirrors are explicitly shown as the next artifact layer where they do not exist yet.
Kvalitetskrav
Prestanda, tillgänglighet, god praxis och SEO har alla Lighthouse-målet 100/100 på mobil och dator. Tre mätningar per sida hindrar ett lyckligt resultat från att bli rubriken. Den daterade rapporten visar faktiska resultat, varningar och kvarstående arbete.
Den engelska standardstartsidan /: ett Google-test per enhet. Webbplatsens tre mätningar per sida redovisas separat.
Prestanda / 100 · Tillgänglighet / 100 · God praxis / 100 · SEO / 100
Ladda ner granskningsdata ↗Målet är ännu inte verifierat på alla testade sidor
Senaste produktionsmätning: .
Säkerhet kontrolleras separat: webbläsarregler, säkerhetsvarningar för beroenden och granskning av applikationen. Automatiska poäng intygar inte säkerhet eller tillgänglighet.
Läs webbplatsens kvalitetsrapport ↗Struktur och uttryck
Den beständiga kärnan är produktens syfte och relationerna som gör den begriplig. Den ger förändring en fast grund.
Årstidslagret ger strukturen ett passande uttryck. Varmt sommarpapper kan bli vinterlandskap; solsken kan bli månsken. Identiteten förblir igenkännbar.
Belägg i portföljen
En levande institutionsplattform tar emot visuella identiteter, redaktionella förändringar och teknisk förnyelse. HAAMs arbete fortsätter genom underhåll och modernisering.
Den digitala utställningen levde vidare efter den fysiska turnén 2017–2018. Senare arkivering och återställning behandlade samlingen som något värt att behålla.
Karaktärer
Samma lilla svala, från webbinteraktion till en egen karaktär.
Systemfamiljer
HAAMs kärna bär just nu Summer 26. Raw Drafts har ett eget uttryck. De andra familjerna är avsiktliga synteser eller framväxande system, med tydligt angiven status.
HAAMs stadiga identitet bär just nu Summer 26. Varma redaktionella ytor, målade accenter och solsken/månsken uttrycker ett fortsatt engagemang för användbart arbete som håller.
Big decisions need a visible hierarchy.
STATUS · METADATA · 12:48:03Ett nytt gemensamt språk för kulturkollektioner: objekt först, metadata sedan, proveniens alltid synlig. Det är en syntes, inte ett påstående om att 2017-sajterna hade ett formellt gemensamt bibliotek.
Big decisions need a visible hierarchy.
STATUS · METADATA · 12:48:03
HAAMs Stranger Things-liknande Upside Down. Ett kolsvart Y3K-system där cyberpunkbläckfisken, neonsignaler, scanlines, rutnät, utkast, AI-proveniens och instabila experiment får ta över.
Big decisions need a visible hierarchy.
STATUS · METADATA · 12:48:03Cyberpunk Y3K interface language for unfinished work, AI provenance and experiments that are allowed to stay strange.
Ett lugnare experimentellt system för ofärdiga rumsliga prototyper. Objekt, annotationer, koordinater och revisioner kan driva utanför den vanliga sidan utan att ärva Raw Drafts cyberpunkvärld.
Big decisions need a visible hierarchy.
STATUS · METADATA · 12:48:03Leave the object where the thought happened.
Ett tätare system för produkter som hjälper någon att lösa ett tillstånd, godkänna en konsekvens eller förstå evidens. Det bygger på de interaktionskontrakt som redan definierats för HAAMs produkter.
Big decisions need a visible hierarchy.
STATUS · METADATA · 12:48:03Täckningsmatris
Each family is pushed by different constraints. The gaps are invitations for the next app to break the system in a new way.
| Constraint | HAAM | Everyday Archive | Raw Drafts | Working Matter | Instrument |
|---|---|---|---|---|---|
| Responsive layouts | Strong | Strong | Strong | Experimental | Strong |
| Localization / i18n | 6 locales | Core constraint | Partial | Partial | Planned |
| Accessibility / WCAG | Production | Reading first | Needs stress test | Needs stress test | Core constraint |
| Dark / alternate themes | 4 combinations | Optional | Native | Experimental | Semantic |
| Dense data | Light | Metadata | Low | Low | Primary |
| AI states / provenance | Growing | Source records | Primary | Partial | Primary |
| Failure / empty states | Production | Missing records | Glitch + draft states | Draft state | Primary |
| Design-tool mirror | Next | Next | Next | Next | Next |
Artefaktlager
The goal is not to duplicate work between tools. It is to make the same decisions inspectable by designers, engineers and reviewers.
Variables, semantic tokens, component properties, variants, Auto Layout, prototype states and Dev Mode handoff. The design file should mirror decisions already proven in products, not become a decorative component museum.
React components, CSS custom properties, responsive rules, accessibility behavior and actual edge cases. The browser is where a token meets real content and starts losing arguments.
Component stories, state matrices, accessibility notes, contribution rules and usage guidance. Documentation should show when not to use a component as clearly as when to use it.
Versioning, contribution model, deprecation, design QA and release notes. Every new app is a stress test: either the system absorbs it or the rules have to change.
Omsorg är en del av systemet
Goda grunder låter en produkt växa, repareras och hitta ett nytt uttryck när sammanhanget förändras.
Optional analytics. Google Analytics and Clarity load only if allowed; form, email, and chat content are excluded.