Patterns
Layouts and flows that repeat across products, from entering data to undoing a mistake.
Charts and reports
Lead with the answer, pick the simplest chart that shows it, and label everything in words.
Choosing a layout
Start from what the screen is about; each kind of screen has one layout that fits it best.
Destructive actions
Confirm what can’t be taken back; act at once and offer Undo for frequent edits that can.
Editing records
Adding or editing a record in a sheet: a titled header, grouped sections, and Cancel and Save.
Entering data
Offer choices before typing, prefill what is safe, validate where it helps, and never lose work.
Feedback
Match the weight of the feedback to how much it matters, and never stay silent on failure.
Hierarchies
Nested records read as columns while people work in them, with a graph for seeing the whole.
Hubs
The entrance to an area of a product: a large title and an even grid of the screens inside it.
Intelligent assistance
Say when something comes from AI, show suggestions for review, and always offer the non-AI way.
Keyboard-first work
Screens for fast, repeated entry: the entry field always ready, instant updates and visible shortcuts.
Loading
Show the screen’s structure at once, then fill it in, and let people keep working while data loads.
Master and detail
A list on the leading side and the selected item’s details beside it, each scrolling on its own.
Modality
Interrupt people only when a task needs their full attention, and always give them a way out.
Notifications
Notifications are accurate, timely and quiet, with no marketing and no false urgency.
Onboarding
Empty screens teach by doing: what goes here, one action to start, and help that is easy to find later.
Page anatomy
Every working page reads top to bottom the same way: title row, toolbar row, content and its states.
Printing and sharing
Offer Print only where something can be printed, and show the options that matter first.
Search
One search field per screen that filters as people type, and a command palette for the whole product.
Selection and bulk actions
Select many records and act on them together; bulk actions state the count and its consequence.
Settings
Good defaults, settings that apply at once, and task settings that live with the task.