HAAM · Designsystemer
HAAM tar utgangspunkt i hammeren: et nyttig verktøy for å lage ting som varer. Strukturen står støtt. Sommer, vinter, solskinn og måneskinn er klærne den bærer når årstidene skifter.
Den varige kjernen
Varighet finnes i tydelig informasjon, pålitelige interaksjoner, tilgjengelige forløp og systemer som mennesker kan forstå og vedlikeholde. En ny visuell identitet, årstid eller teknologi skal kunne tas imot mens det mennesker stoler på, bevares. Fortsatt nytte krever 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
Ytelse, tilgjengelighet, god praksis og SEO har alle Lighthouse-målet 100/100 på mobil og datamaskin. Tre målinger per side hindrer et heldig resultat i å bli overskriften. Den daterte rapporten viser faktiske resultater, advarsler og gjenstående arbeid.
Den engelske standardforsiden /: én Google-test per enhet. Nettstedets tre målinger per side vises separat.
Ytelse / 100 · Tilgjengelighet / 100 · God praksis / 100 · SEO / 100
Last ned revisjonsdata ↗Målet er ennå ikke bekreftet på alle testede sider
Siste produksjonsmåling: .
Sikkerhet kontrolleres separat: nettleserregler, sikkerhetsvarsler for avhengigheter og gjennomgang av applikasjonen. Automatiske poeng dokumenterer ikke sikkerhet eller tilgjengelighet.
Les nettstedets kvalitetsrapport ↗Struktur og uttrykk
Den varige kjernen er produktets formål og forholdene som gjør det forståelig. Den gir endring et solid grunnlag.
Årstidslaget gir strukturen et passende uttrykk. Varmt sommerpapir kan bli et vinterlandskap; solskinn kan bli måneskinn. Identiteten er fortsatt gjenkjennelig.
Dokumentasjon i porteføljen
En levende institusjonsplattform tar imot visuelle identiteter, redaksjonelle endringer og teknisk fornyelse. HAAMs arbeid fortsetter gjennom vedlikehold og modernisering.
Den digitale utstillingen levde videre etter den fysiske turneen i 2017–2018. Senere arkivering og gjenoppretting behandlet samlingen som noe det er verdt å beholde.
Karakterer
Den samme lille svalen, fra nettinteraksjon til en egen karakter.
Systemfamilier
HAAMs kjerne bærer nå Summer 26. Raw Drafts har sitt eget uttrykk. De andre familiene er bevisste synteser eller systemer under utvikling med tydelig status.
HAAMs stødige identitet bærer nå Summer 26. Varme redaksjonelle flater, malte aksenter og solskinn/måneskinn uttrykker et fortsatt engasjement for nyttig arbeid som varer.
Big decisions need a visible hierarchy.
STATUS · METADATA · 12:48:03Et nytt felles språk for kultursamlinger: objekt først, metadata etterpå, proveniens alltid synlig. Det er en syntese, ikke en påstand om at 2017-nettstedene brukte et formelt felles bibliotek.
Big decisions need a visible hierarchy.
STATUS · METADATA · 12:48:03
HAAMs Stranger Things-lignende Upside Down. Et kullsvart Y3K-system der cyberpunk-blekkspruten, neonsignaler, scanlines, rutenett, utkast, AI-proveniens og ustabile eksperimenter får ta 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 for uferdige romlige prototyper. Objekter, annotasjoner, koordinater og revisjoner kan drive utenfor den vanlige siden uten å arve Raw Drafts' cyberpunkverden.
Big decisions need a visible hierarchy.
STATUS · METADATA · 12:48:03Leave the object where the thought happened.
Et tettere system for produkter som hjelper noen med å løse en tilstand, godkjenne en konsekvens eller forstå evidens. Det bygger på interaksjonskontraktene som allerede er definert på tvers av HAAM-produktene.
Big decisions need a visible hierarchy.
STATUS · METADATA · 12:48:03Dekningsmatrise
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 av systemet
Gode grunnlag lar et produkt vokse, bli reparert og finne et nytt uttrykk når sammenhengen endrer seg.
Optional analytics. Google Analytics and Clarity load only if allowed; form, email, and chat content are excluded.