A short visual history
00 / THESIS
Early blue links now look austere. Late-1990s portals look noisy. Flash sites look theatrical. Today’s immaculate product grids may eventually look just as specific, and just as dated.
That is not a failure. A website is made from the tools, bandwidth, business models, and cultural moods of its moment. Style is the visible residue of those conditions.
01 / TIMELINE
The first sites inherited the logic of research papers: headings, lists, blue links, and very little visual authorship. The radical part was not how a page looked, but that one document could lead to another.
View example The first website at CERNBackground images, visitor counters, animated GIFs, frames, tiled textures, and browser-specific badges made pages feel handmade. Limitations were visible, and personality often came from working around them.
View example Space Jam (1996)Flash let designers choreograph sound, motion, typography, and transitions as one continuous experience. At the same time, CSS began separating content from presentation and made more flexible visual systems possible.
View example CSS Zen GardenSmartphones changed the unit of design from a fixed canvas to a fluid system. Grids, web fonts, flat UI, generous white space, and familiar product patterns became the new signals of competence.
View example Responsive Web DesignDesign systems and component libraries made interfaces faster to build and easier to use. They also produced a recognizable template: hero, gradient, cards, social proof, call to action. Usability rose while surprise often fell.
View example A generation of product landing pagesExpressive sites borrow from games, operating systems, fan archives, magazines, and old personal pages. The strongest examples do not add nostalgia as a skin; they use interaction and art direction to make a brand feel inhabitable.
View example KiiiKiii’s interactive album universe02 / CASE STUDY
kiiikiii.kr
KiiiKiii’s official website is an interactive extension of the five-member K-pop group’s album universe. Its current visual language is built around their 2026 EP Delulu Pack, including “Delulu” and “404 (New Era).”
It behaves less like an artist homepage and more like a strange computer found in a teenager’s bedroom: overlapping windows, fragments, a digital zine, member-specific spaces, image-making, and webcam energy.
“The roughness is not a bug. It is how the site makes a polished idol brand feel spontaneous, unfinished, and alive.
03 / WHAT TO KEEP
A desktop metaphor matters when exploration and discovery are the point.
Borrow old constraints, social rituals, and interaction patterns, not only chrome and pixels.
Expressive does not have to mean inaccessible. People still need landmarks, labels, contrast, and a way home.
Distinctive work ages visibly. Generic work often arrives pre-aged.
04 / FROM STYLE TO SYSTEM
Mucha’s work is useful because it reveals the structure under a recognizable aesthetic: figure, frame, lettering, circular focus, botanical rhythm, hierarchy, and repetition.
AI can imitate the visible motifs. A designer still has to decide what the system means, what stays consistent, what changes, and how the visual language becomes usable across real interfaces.
Art Nouveau / Design systems
Read how frames, figures, lettering, circular focus, botanical rhythm, and repetition form a visual grammar rather than a decorative costume.
Read the Mucha essay →Live design tool
Choose Mucha, Bauhaus, Swiss International, De Stijl, or digital brutalism and translate its logic into responsive rules, tokens, and a live interface.
Translate a movement →Reusable foundation
See how visual principles become shared decisions for color, type, spacing, shape, motion, interface patterns, and voice.
Inspect the system →Interaction tool
Connect expression to affordance, state, feedback, and user intent through reusable interaction patterns.
Build with patterns →Open reference
Explore the navigation, discovery, input, feedback, gesture, commerce, and retention patterns underneath the visible surface.
Open the library →AI / Product design
AI can multiply outputs. Designers still define the taste, constraints, evidence, and system that make those outputs coherent.
Read the AI stack →HAAM position
Beauty is not the opposite of function. The goal is useful structure with visible authorship, cultural meaning, and enough emotional force to make people care.
Optional Google Analytics and Microsoft Clarity measure content performance and usability. They load only if you allow them. Form values, email addresses, and chat messages are never included in analytics events.
