Y3K enduring interface inventory
The whole machine.
HAAM has grown beyond a studio brochure. This page maps the working systems across discovery, design, evidence, publishing, intelligence, delivery, participation, commerce, and trust. Every feature gets its own room and its own moving artifact.
Complete public feature inventory
Every system currently carrying the site.
Related routes are grouped into feature families. The list covers the major public capabilities and operating surfaces, rather than treating every article or case study as a separate feature.
Site-wide search
A working index across pages, projects, services, products, writing, tools, and experiments.
- Searches real page copy and structured content
- Surfaces direct routes instead of generic results
- Available as an embedded interface, not a floating interruption
Localized routing
Language-aware URLs, metadata, alternates, and internal links keep the site coherent across locales.
- Localized route generation
- Language alternates for search engines
- Shared navigation logic across public pages
Accessibility system
Semantic structure, keyboard access, contrast, reduced-motion support, and a public WCAG 2.2 AA target.
- Reduced-motion fallbacks
- Visible focus and keyboard interaction
- Public limitations and feedback route
Responsive performance
Layouts adapt across devices while the system tracks visual stability, loading behavior, and maintainability.
- Responsive page architecture
- Core Web Vitals awareness
- Reusable components instead of one-off pages
Design system
Reusable visual, interaction, typography, spacing, and component rules hold the expanding site together.
- Shared tokens and components
- Light and dark visual states
- Documented interaction patterns
Learning Lab
A public design studio for selecting templates, changing themes, testing responsive views, and saving design decisions.
- Template previews
- Theme and token controls
- Responsive viewport testing
Template engine
Multiple front-page systems can share the same underlying content while changing the visual and interaction language.
- Selectable homepage templates
- Production publishing workflow
- Shared content with independent visual systems
Design seasons
Named visual collections let HAAM evolve like a fashion house while preserving a stable technical foundation.
- Seasonal art direction
- Archived visual eras
- Stable product foundation beneath each collection
Octopus storyworld
海默・墨觸 Hǎimò Mòchù turns the mascot into a persistent character, symbol, and narrative system.
- Interactive character page
- Cyberpunk deep-sea identity
- Expandable storyworld and family branches
Disposable page camera
A playful capture interface turns the current state of a page into portable evidence.
- On-page camera interaction
- Evidence-first visual capture
- Contained animation with reduced-motion support
HAAM Snap
A Chrome extension and private inbox preserve website captures together with source context.
- Browser extension capture
- Private visual inbox
- Source-aware evidence storage
Interaction design library
A browsable catalogue of UX and UI patterns makes product planning concrete before implementation begins.
- Reusable interaction patterns
- Feature-level planning references
- Direct connection to the builder and cart
UX/UI pattern builder
Visitors can assemble an application scope from concrete patterns instead of describing a product in vague categories.
- Selectable feature patterns
- Structured product scope
- Persistent handoff to the feature cart
Feature cart
Selected product patterns become a reviewable scope with context, planning anchors, and a clear submission path.
- Editable selected scope
- Planning totals
- Project-context handoff
Project archive
Case studies and project records collect the work, its context, and the proof that it existed.
- Project index
- Individual case-study routes
- Archived and active work
Project timeline
A chronological visual archive connects dates, imagery, categories, and case studies across years of work.
- Chronological navigation
- Project imagery and categories
- Long-memory view of the practice
Project map
Projects, hackathons, and participation become geographic evidence instead of a flat list.
- Interactive global map
- Location-linked project records
- Spatial view of the network
Concept map
A living knowledge graph connects projects, services, writing, products, research, places, people, and ideas.
- Connected knowledge graph
- Cross-domain relationships
- Daily-evolving structure
Editorial publishing system
Editorial, blog, media, and field-note formats support analysis, first-person records, and presentation-ready essays.
- Multiple publishing formats
- Structured metadata and discovery
- Original analysis tied to HAAM projects
UX reviews
Independent product and experience reviews turn observation into a reusable evidence format.
- Structured review records
- Product and interface analysis
- Public evidence for design decisions
Events and city guides
Participation-first city feeds organise workshops, hackathons, studio visits, screenings, and collaborative gatherings.
- City-specific event routes
- Live and archived listings
- Participation over passive tourism
Hackathon archive
Rapid collaborative builds remain discoverable as project records rather than disappearing after the event.
- Event-specific project pages
- Archived dates and outcomes
- Connection to the wider project history
Services and products
Commercial services, productised sprints, owned products, and future proposals share one connected system.
- Service catalogue
- Product and proposal pages
- Clear paths from evidence to engagement
Marketplace, shop, and App Store
Packaged capabilities, purchasable work, and installable product concepts have dedicated discovery surfaces.
- Marketplace catalogue
- Shop and luxury editions
- HAAM App Store
HAAM Signal Agent
Evidence-backed scanning interprets website quality across accessibility, performance, technical, UX, trust, and localization signals.
- Evidence and confidence
- Human review boundaries
- Actionable quality findings
HAAM Trend Catcher
A live marketing-intelligence tool ranks public conversations and rising searches against a niche, audience, and campaign goal.
- Public signal collection
- Goal-aware ranking
- Campaign relevance over raw virality
HAAM Connections
A permission-aware connector workspace turns communication, knowledge, project, design, finance, and analytics data into shared context.
- Permission-aware connections
- Evidence-linked context
- Approved actions instead of silent automation
Experts, directory, and network
Public professional data and consent-based workflows connect specialist capability to work that needs human completion.
- Country-by-country expert directory
- Public network surfaces
- Consent-based invitations
Workspace and Client Desk
Private client and delivery surfaces bring projects, context, decisions, templates, and AI-assisted workflows into one operating environment.
- Authenticated workspace
- Client-facing delivery surfaces
- Human-supervised operational workflows
Chat and project brief
Conversational contact and structured intake give visitors two clear ways to turn interest into a useful project conversation.
- Conversational interface
- Structured brief builder
- Direct start and contact routes
Community, rewards, and opportunities
Contribution, membership, ideas, rewards, and opportunities have explicit public entry points.
- Community participation
- Ideas and contribution routes
- Opportunity and reward experiments
Games, meditation, and slideshow modes
Interactive experiments test rhythm, play, attention, storytelling, and alternate ways of moving through the site.
- Playable experiments
- Meditation interface
- Presentation and slideshow mode
Programmable payment stream
A wallet-controlled USDCx stream demonstrates live start, update, status, and stop controls on Base.
- Live stream status
- Wallet-controlled actions
- Visible transaction state and recovery
Trust and machine-readable discovery
SEO, AI-search visibility, llms.txt, facts, changelog, legal, and accessibility records make the site legible to people and machines.
- Search and answer-engine metadata
- Public facts and provenance
- Legal, change, and accessibility records