Design Lab by BaeJino

An interactive archive of interface history, design trends, original UI concepts, and visual effects.

Each page recreates, reinterprets, or isolates an interface technique to show what worked, how it works, and where its limits are. Original concepts and interactive effects are documented alongside historical work.

See the page authoring guides before adding or revising a page.

Development

npm install
npm run dev

The development server runs at http://localhost:8888.

Build

npm run build

Run the compiler, linter, unit tests, and full production build together:

npm run check

Each page keeps its HTML, styles, and scripts in one file. Explicit lab:template* producer directives map those blocks to layout slots, either preserving style and script elements inline or emitting them as hashed assets. Shared markup is assembled from layouts and partials at build time, while the development server rebuilds and refreshes only the affected pages.