Owl-Listener

Specify an icon system — grid, sizing, stroke weight, naming, categories, and implementation

Apply Jakob's Law — users expect your product to work like the others they already use

Apply the Law of Closure — the eye completes implied shapes from partial forms

Apply the Law of Common Region — a shared container, background, or border groups elements regardless of spacing

Apply the Law of Continuity — the eye follows alignment and unbroken paths

Apply the Law of Figure-Ground — establish which layer is foreground and actionable versus background

Apply the Law of Proximity — spatial closeness groups elements more strongly than any other cue

Apply the Law of Similarity — shared colour, shape, or size signals that elements belong to one category

Define a responsive grid — columns, gutters, margins, and breakpoint behaviour

Define UX metrics and KPIs that connect design decisions to measurable outcomes

Specify one micro-interaction completely — trigger, rules, feedback, loops, and modes

Define motion tokens — durations, easing vocabulary, and reduced-motion handling — for consistency product-wide

Select and design a navigation pattern — tabs, drawer, hierarchy, or hub — matched to product structure and user tasks

Articulate a long-horizon product vision that aligns teams and anchors strategy

Design to iOS and Android conventions — what each OS mandates, where they diverge, and when to unify

Structure a design presentation for a specific audience and decision

Set line length and measure for comfortable reading across type sizes and breakpoints

Design layouts and interactions that adapt across screen sizes and input methods

Design search — query input, zero results, refinement, and result presentation

Apply the Serial Position Effect — first and last items in a sequence are recalled best

Create a spacing scale from a base unit with rules for when each step applies

Build alignment artifacts — responsibility matrices, decision rights, and communication plans

Model component behaviour as explicit states, events, and transitions

Apply Tesler's Law — every process has irreducible complexity that someone must absorb

Create a modular type scale with size, weight, and line-height relationships

Establish hierarchy through size, weight, colour, spacing, and position so the eye lands in the intended order

Apply the Von Restorff Effect — the element that differs from its neighbours is the one remembered

Specify wireframe layout — content priority, component placement, and annotation

Apply the Zeigarnik Effect — incomplete tasks stay mentally active