closure

Apply the Gestalt closure principle to design icons, logos, and layouts with implied forms.

8|3|Updated May 3, 2026
One-click install
npx skills add https://github.com/Deibler/universal-design-principles --skill closure-deibler
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: closure
Source: https://github.com/Deibler/universal-design-principles/tree/main/plugins/perception-and-hierarchy-principles/skills/closure
Command: npx skills add https://github.com/Deibler/universal-design-principles --skill closure-deibler

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Designers often over-render visual elements, adding heavy borders, detailed icons, and explicit scaffolding that increase visual weight and clutter. This Skill teaches how to use the Gestalt principle of closure so users perceive complete forms from partial visual cues, letting you communicate more with less. ## Core Features & Use Cases - Implied-form design guidance: Design icons with partial outlines, logos with negative-space shapes (like the FedEx arrow or WWF panda), and illustrations built from suggested rather than fully drawn forms. - Lightweight container patterns: Build card layouts that feel contained through subtle shadow, tint, and spacing instead of full borders. - Failure diagnosis: Identify when closure breaks down — over-simplified icons users cannot recognize, ambiguous containers, or hidden shapes nobody notices — and when explicit forms are required for high-stakes or accessibility-critical contexts. - Use Case: When designing a dashboard, replace heavy card borders with subtle elevation and consistent padding so each card reads as a unit with less visual weight. ## Quick Start Ask the agent to review your icon set or card layout and suggest where closure can replace fully drawn borders and details with implied forms.

Frequently Asked Questions about closure

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design icons using the closure principle?▼

Design icons with a few strokes that imply the form rather than drawing every detail, letting the viewer's perception complete the shape. Keep enough recognizable features that users can identify the object, and test at the smallest rendering size.

What is the Gestalt principle of closure in design?▼

Closure is the perceptual tendency to see incomplete shapes as complete wholes, such as perceiving a circle despite gaps in its outline. Designers exploit it in logos like the FedEx arrow and WWF panda, and in minimal UI elements like borderless cards.

Do cards need full borders to look like containers?▼

No, cards can read as containers through subtle drop shadow, background tint against a darker page, and consistent internal padding. The closure principle lets users perceive containment without every edge being drawn, reducing visual weight.

When should I avoid using closure in UI design?▼

Avoid closure in high-stakes contexts like destructive actions, accessibility-critical interfaces, and designs for novice users who may not recognize suggested forms. In these cases use explicit, fully drawn forms so no completion work is required.

Why does my simplified icon become unrecognizable?▼

Over-simplification strips the form past the point where users can complete it, since closure only works when the suggestion is strong enough to recognize. Restore key identifying features, such as a clear silhouette, then remove secondary details.