System v1.0.0

The Space
Defines the Form.

An unopinionated UI primitive. Prioritizing negative space, typographic rhythm, and strict geometric precision over decoration.

$ npm install @margin-ui/core

Manifesto

Core
Principles

We believe that the most elegant interfaces are those that disappear. Focus on the content, not the container.

SCROLL TO EXPLORE
01

Invisible Structure

Structure should be felt, not seen. We use whitespace (margins) as the primary active element to define hierarchy, grouping, and flow. No unnecessary borders. No decorative shadows.

02

Type as Interface

Typography is 95% of the web. We treat typeface selection, scale, and weight with obsessive detail. The font itself becomes the UI control.

03

Geometric Precision

Chaos is eliminated through strict constraints. Every component aligns to a 4px grid. Dimensions are mathematical, not arbitrary. The result is visual harmony.

Built for precision.

Explore the component library and start building.

View All Components
Typography / Heading

Hello World.

The quick brown fox jumps over the lazy dog.

Interaction / Button
Data Entry / Input
Notifications
Data Display / Stat
84.5%
System Status: Operational
Layout / Card