HAAM · Designsystemer
HAAM tager udgangspunkt i hammeren: et nyttigt værktøj til at skabe ting, der holder. Strukturen står fast. Sommer, vinter, solskin og måneskin er tøjet, den bærer, når årstiderne skifter.
Den varige kerne
Holdbarhed findes i klar information, pålidelige interaktioner, tilgængelige forløb og systemer, som mennesker kan forstå og vedligeholde. En ny visuel identitet, årstid eller teknologi skal kunne optages, mens det, mennesker stoler på, bevares. Fortsat nytte 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
Ydeevne, tilgængelighed, god praksis og SEO har alle Lighthouse-målet 100/100 på mobil og computer. Tre målinger pr. side hindrer et heldigt resultat i at blive overskriften. Den daterede rapport viser faktiske resultater, advarsler og resterende arbejde.
Den engelske standardforside /: én Google-test pr. enhed. Webstedets tre målinger pr. side vises separat.
Ydeevne / 100 · Tilgængelighed / 100 · God praksis / 100 · SEO / 100
Hent auditdata ↗Målet er endnu ikke verificeret på alle testede sider
Seneste produktionsmåling: .
Sikkerhed kontrolleres særskilt: browserregler, sikkerhedsadvarsler for afhængigheder og gennemgang af applikationen. Automatiske point dokumenterer ikke sikkerhed eller tilgængelighed.
Læs hjemmesidens kvalitetsrapport ↗Struktur og udtryk
Den varige kerne er produktets formål og de relationer, som gør det forståeligt. Den giver forandring et fast fundament.
Årstidslaget giver strukturen et passende udtryk. Varmt sommerpapir kan blive et vinterlandskab; solskin kan blive måneskin. Identiteten er stadig genkendelig.
Dokumentation i porteføljen
En levende institutionsplatform optager visuelle identiteter, redaktionelle ændringer og teknisk fornyelse. HAAMs arbejde fortsætter gennem vedligeholdelse og modernisering.
Den digitale udstilling levede videre efter den fysiske turné i 2017–2018. Senere arkivering og gendannelse behandlede samlingen som noget, der er værd at beholde.
Karakterer
Den samme lille svale, fra webinteraktion til en selvstændig karakter.
Systemfamilier
HAAMs kerne bærer i øjeblikket Summer 26. Raw Drafts har sit eget udtryk. De andre familier er bevidste synteser eller systemer under udvikling med tydelig status.
HAAMs faste identitet bærer i øjeblikket Summer 26. Varme redaktionelle flader, malede accenter og solskin/måneskin udtrykker et fortsat engagement i nyttigt arbejde, der holder.
Big decisions need a visible hierarchy.
STATUS · METADATA · 12:48:03Et nyt fælles sprog for kulturkollektioner: objekt først, metadata bagefter, proveniens altid synlig. Det er en syntese, ikke en påstand om at 2017-siderne brugte et formelt fælles bibliotek.
Big decisions need a visible hierarchy.
STATUS · METADATA · 12:48:03
HAAMs Stranger Things-lignende Upside Down. Et kulsort Y3K-system, hvor cyberpunk-blæksprutten, neonsignaler, scanlines, gitre, kladder, AI-proveniens og ustabile eksperimenter får lov at tage over.
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.
Et roligere eksperimentelt system til ufærdige rumlige prototyper. Objekter, annotationer, koordinater og revisioner kan drive uden for den normale side uden at arve Raw Drafts' cyberpunkverden.
Big decisions need a visible hierarchy.
STATUS · METADATA · 12:48:03Leave the object where the thought happened.
Et tættere system til produkter, der hjælper nogen med at løse en tilstand, godkende en konsekvens eller forstå evidens. Det bygger på de interaktionskontrakter, der allerede er defineret på tværs af HAAMs produkter.
Big decisions need a visible hierarchy.
STATUS · METADATA · 12:48:03Dækningsmatrix
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 |
Artefaktlag
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 er en del af systemet
Gode fundamenter lader et produkt vokse, blive repareret og finde et nyt udtryk, når sammenhængen ændrer sig.
Optional analytics. Google Analytics and Clarity load only if allowed; form, email, and chat content are excluded.