Skip to main content
AI/MLhashgraph-online

closure

Apply the Gestalt principle of Closure — the perceptual tendency to see incomplete shapes as whole. Use when designing icons (a few strokes can imply a closed shape), illustrations (negative space defines forms), logos (the IBM stripes, the WWF panda, the FedEx arrow), card layouts (cards don''t need full borders to feel like containers), or any visual that benefits from suggested rather than fully drawn shapes. Closure lets you communicate more with less; the user''s perception completes the form.

Stars
336
Source
hashgraph-online/awesome-codex-plugins
Updated
2026-05-27
Slug
hashgraph-online--awesome-codex-plugins--closure
View on GitHubRaw SKILL.md

// install — copy + paste into any project

mkdir -p .claude/skills && curl -fsSL https://raw.githubusercontent.com/hashgraph-online/awesome-codex-plugins/HEAD/plugins/HDeibler/universal-design-principles/plugins/perception-and-hierarchy-principles/skills/closure/SKILL.md -o .claude/skills/closure.md

Drops the SKILL.md into .claude/skills/closure.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.

Closure

Definition. Closure is the Gestalt principle that the visual system tends to perceive incomplete shapes as complete — to "close" gaps in outlines and recognize implied forms. A circle with small breaks in its outline is still seen as a circle. A few strokes that suggest a face are perceived as a face. Negative space between objects can imply a third object that isn't actually drawn. The brain fills in what isn't there.

The classic Gestalt demonstrations of closure use simple shapes with strategic gaps. A "circle" made of 12 dot pairs around its circumference reads as a circle, not as 24 dots. A "triangle" formed by three Pac-Man-shaped figures (the Kanizsa triangle) is perceived clearly even though no triangle is actually drawn — only the gaps imply one.

This perceptual tendency has substantial design value. It lets you communicate forms with less visual information than would be needed to draw them fully. The result is interfaces that feel light, illustrations that feel modern, logos that work at many sizes, and visual cues that work even at minimum scale.

Why closure matters

Closure does several useful jobs in design:

Visual economy. A form suggested by a few strokes is faster to read than a fully-rendered form, and it scales better — a partial shape can communicate at sizes where a fully detailed shape would be a blur.

Visual elegance. Designs that exploit closure feel modern and crafted. The viewer participates in completing the form, which creates a small moment of cognitive engagement.

Memorable iconography. Logos and icons that use closure are often more memorable than fully-drawn equivalents. The FedEx logo's hidden arrow (in the negative space between E and X) is a famous example — once you see it, you can't unsee it.

Reduced visual weight. A card with subtle visual cues at its corners (rather than a full border) feels lighter than a card with a heavy outline. The closure principle lets the user perceive the container even though most of its border isn't drawn.

When to use closure

Icon design. A simple icon often communicates more clearly than a detailed one. A few strokes that imply the form let the user's perception complete it.

Logo design. Marks that exploit closure (hidden shapes in negative space, partial outlines that suggest the whole) are more memorable and often more flexible across sizes.

Card layouts. Cards don't always need full borders. Subtle background tinting, drop shadow, or just consistent spacing can imply containment without drawing every edge.

Illustration. Modern illustration often relies on suggested forms — silhouettes, abstracted shapes, partial details. The viewer fills in what's not shown.

Charts and diagrams. Implied baselines, suggested axes, and visual rhythms can replace explicit lines and grids, reducing visual noise while preserving the structure.

Diagnosing closure problems

When closure fails, the user perceives the form as broken or incomplete rather than as a whole. Symptoms:

The "form" doesn't read as one shape. Users see disconnected parts rather than the implied whole. The gaps are too large or the parts too varied.

An icon's meaning is unclear. The simplification went too far; the user can't recognize what the icon depicts.

Cards or containers feel ambiguous. Without a clear edge cue, users aren't sure where one container ends and another begins.

Negative-space shapes go unnoticed. A hidden shape in a logo that no one ever sees. The closure works only if the suggestion is strong enough.

Sub-skills in this cluster

  • closure-implied-shapes — Designing forms that exploit closure: icons with partial outlines, logos with negative-space shapes, illustrations with suggested rather than drawn forms.
  • closure-completion-cost — When closure is the wrong choice: situations where the user shouldn't have to do completion work (high-stakes interfaces, accessibility-critical contexts, novice users).

Worked examples

A minimal card layout

A dashboard shows cards with content. Instead of a full border around each card, the cards have:

  • A slight elevation (subtle drop shadow).
  • Consistent internal padding.
  • A clear color change (white on a slightly darker background).

The user perceives each card as a contained unit, even though no edge is fully drawn. The closure principle does the work of containment with less visual weight than a full border would.

A logo with a hidden shape

The FedEx logo: the white space between the E and the X forms an arrow. Once you see it, you always see it. The arrow communicates speed and forward-motion without being explicitly drawn. The closure principle lets the negative space carry meaning.

The WWF panda logo similarly uses closure: the panda's body is suggested by a few black shapes; the white parts of the panda are entirely implied. Yet the form is unmistakable.

An icon that uses partial outlines

A "send" icon often shows a paper airplane silhouette, sometimes with the back fold suggested by a single line rather than fully drawn. The user perceives the airplane through the suggested form. At small sizes, the partial drawing actually reads more clearly than a fully detailed paper airplane would.

A loading spinner that uses closure

A common loading spinner: a circle with a gap that rotates. The gap implies the circle (the brain still sees a circle), and the rotation indicates progress. The minimal form is animated to convey "working" without filling the screen with detail.

Closure that fails: an over-simplified icon

A custom icon for "user settings" simplifies a person + gear shape into a few abstract curves. Users can't recognize the form; the simplification went too far. The closure principle requires the user to fill in the form, but they can't fill in something they don't recognize.

The fix: include enough recognizable features (a clear human silhouette + a clear gear) that the form is identifiable, then strip the rest.

Negative-space chart structure

A chart showing data over time uses a subtle baseline (a thin gray line) rather than a full axis with tick marks and gridlines. The implied structure is enough; the user reads the chart correctly without the explicit scaffolding. The chart feels lighter and more elegant.

Anti-patterns

Over-simplification. Stripping a form down past the point of recognizability. The closure principle requires that the user can complete the form; if they can't recognize what's being suggested, they can't complete it.

Closure used where clarity is critical. A "delete" icon rendered as a few abstract strokes that the user has to interpret. In high-stakes contexts, the user needs explicit forms, not suggested ones.

Closure for decoration. A logo or icon designed to "have a hidden shape" that's so subtle no one notices. If the closure isn't perceived, it's just decoration that adds nothing.

Container ambiguity. Cards without clear separation from each other or from the background. Users can't tell where one card ends and another begins. Either reduce the closure work (add more cues) or commit to fully-drawn containers.

Closure that works in one rendering and fails in another. A form that reads correctly at large sizes and breaks down at small sizes. Test at all the sizes the form will be used.

Closure ignoring accessibility. Forms suggested through visual cues that aren't accessible to users with vision differences. Some closure designs are inherently visual (a hidden shape in a logo); others can be supported with text alternatives.

Heuristic checklist

Before relying on closure, ask: Does the suggested form read as a recognizable whole at the actual rendering size? Test it. Will the user notice the closure? If the suggestion is too subtle, it adds nothing. Is the user audience equipped to do the completion work? Novices and accessibility audiences may benefit from explicit forms. Is closure being used to communicate, or just to decorate? Closure should do work, not just look clever.

Related principles

  • Gestalt grouping principles generally — closure is one of the original Gestalt principles.
  • Figure-ground relationship — closure interacts with figure-ground; what's perceived as "figure" tends to be the closed form.
  • Signal-to-Noise Ratio — closure reduces visual weight by suggesting rather than drawing.
  • Iconic Representation — minimal icons rely on closure to communicate.
  • Form Follows Function — the closure principle expresses the form's function with the minimum visual that does the job.

See also

  • references/lineage.md — origins in Gestalt psychology, particularly the Kanizsa illusions.
  • closure-implied-shapes/ — sub-skill on designing forms that exploit closure.
  • closure-completion-cost/ — sub-skill on when closure is the wrong choice.