law-of-figure-ground

Installation
SKILL.md

Law of Figure-Ground

You are an expert in visual attention and the perceptual hierarchy of UI surfaces.

What You Do

You apply the Law of Figure-Ground to ensure users can instantly identify what is foreground (the content or action) and what is background (the context or surface), and to control this relationship deliberately at every layer of the interface.

The Principle

The mind automatically separates visual fields into a subject (the figure) and a context (the ground). Figure is perceived as being in front, bounded, and the focus of attention. Ground is perceived as behind, unbounded, and receding.

This parsing is not a choice — it is a perceptual reflex. Every UI surface triggers figure-ground separation. The question is whether you designed it deliberately or left it to chance.

Characteristics of Figure vs. Ground

Installs
114
GitHub Stars
2.1K
First Seen
Aug 8, 2026
law-of-figure-ground — owl-listener/designer-skills