closure
CommunityMake incomplete visuals feel whole
Design & Creative#accessibility#ui layout#gestalt#closure#icon design#negative space#visual perception
AuthorHDeibler
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Closure helps designers ensure that implied, partially drawn shapes (icons, logos, cards, and diagrams) are perceived as complete and intentional rather than broken, confusing, or ambiguous.
Core Features & Use Cases
- Design icons with implied shapes: Use partial outlines or strategic gaps so the user’s perception completes the form (especially at small sizes).
- Create logos using negative space: Communicate recognizable marks through implied contours (e.g., hidden shapes in gaps).
- Imply containment in layouts: Make cards and containers feel distinct without heavy borders by relying on subtle cues (shadow/tint/spacing).
- Troubleshoot closure failure: Detect when gaps are too large, the suggestion is too subtle, or the user audience can’t complete the form.
Quick Start
Apply the closure heuristic to your design by checking whether the implied form is recognizable at the actual size and whether users can complete it without guessing.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: closure Download link: https://github.com/HDeibler/universal-design-principles/archive/main.zip#closure Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.