#ui

Darbit, the rabbit in Interlusion's logo, on being animated: bending ears, masked eyes, a hat that spins without moving, and one rule: stay the logo.

Google's AI design tool generates high-fidelity UI from prompts, sketches, and voice. The interesting part is DESIGN.md and its MCP bridge to your code.

Paper eliminates the design-to-code translation by making the canvas itself HTML and CSS. What you design is what ships. The question is whether that's always what you want.

Pencil puts a Figma-like canvas inside your IDE with design files in Git and AI agents reading specs through MCP. The design never leaves the codebase.

Three new tools close the gap between design and code from different directions. The deeper shift: agents need a shared design vocabulary to work at all.

Why Interlusion builds its marketing site with Astro, and what a zero-JavaScript-by-default architecture means for performance, simplicity, and AI-native development.

A walkthrough of a three-layer design token architecture with Tailwind CSS v4's native @theme directive. No config files, no build tools, just CSS.

HSL promised human-readable colour and lied about lightness. OKLCH delivers: perceptually uniform colour for P3 displays, design tokens, and AI agents.

Design systems fail when design and code drift apart. Design tokens fix the interface: one source of truth that both sides can read, write, and ship from.

Angular spent years as the framework people loved to leave. Then it quietly shed everything that made it heavy, added everything that makes it modern, and became the frontend framework best suited for the age of AI.