Skip to content

READING PATH / DESIGN SYSTEMS

Build patterns that survive real content.

Connect reusable visual components to an understandable content model. The guides here cover briefs, fields, layout decisions, and responsive stress tests. Use the browser workflow to establish the system, then test its limits with longer headings, optional images, and the next piece of content—not only the sample page.

Back to all ideas

Better briefs. better pages. — ai design, with direction

AI web design prompts: from brief to usable page

Write prompts with purpose, real content, and testable constraints. Then review what comes back.

Jul 14, 20267 min read

Small screen. big possibilities. — design for the in-between

Responsive design in a browser CMS: beyond three previews

Stress-test real content, intermediate widths, keyboard navigation, and motion preferences.

Sep 16, 20257 min read

Content with a game plan. — structure before styling

Build a content model that survives your next redesign

Give articles, projects, and people a useful structure that does not depend on one layout.

Jun 23, 20257 min read

One tab. so many possibilities. — your browser design workflow

Design a website in your browser, from brief to launch

Turn a clear brief into a page map, a visual system, and an export you can actually publish.

Oct 7, 20246 min read

A blank canvas. A fresh possibility.

Your next great idea belongs online.

Start with a layout. Explore the possibilities. Take your HTML with you.

Let’s make something Find your starting point