Design notes / Field guides

Better interfaces start with better decisions.

Practical guides to visual design, UX principles, design systems, and the details that make digital products work better.

6 field guides37 minutes of readingDesign systems · UI · UX · Product

All notes

01Design systems8 min read

From UI library to intelligent design system

How tokens, semantic meaning, and reusable components create a design system that both people and AI can understand.

Read the note
02UI design5 min read

Seven principles for designing better dashboards

Practical ways to turn dense datasets into interfaces that help people understand what matters and decide what to do next.

Read the note
03Visual design5 min read

A practical visual hierarchy framework

How typography, contrast, spacing, colour, and composition guide attention through an interface.

Read the note
04UX design6 min read

Five UX principles every designer should understand

Five established UX principles explained through concrete interface examples and practical design decisions.

Read the note
05Product design7 min read

How to structure a high-converting product landing page

A practical framework for structuring a landing page so visitors can understand the value proposition, assess credibility, and take the next step.

Read the note
06UI craft6 min read

The anatomy of polished UI

The small, systematic decisions that make an interface feel consistent, deliberate, and production-ready.

Read the note
Principles, not rules

Each note says where its advice stops working. Context, data and the task in front of the user decide the final call.

Original examples

Every interface, diagram and cover is drawn for these notes. Products and data in the figures are fictional.

Sources named

Where a note leans on research or a standard, such as Fitts or WCAG, it says so, so you can check the claim.