A design system for those who love the whitespace of poetry and the precision of code.
↓ Scroll
Most component libraries give you this:
Trendy. Forgettable. Everywhere.
Timeless. Intentional. Rare.
Generic Sans-Serif
Body text in a system font. Functional but forgettable.
EB Garamond Heading
Source Serif 4 body text. Literary elegance meets readability.
Heavy Shadow Card
Lots of decoration, little substance.
Subtle Border Card
Content first. Restraint. Elegance.
Built on three principles:
Typography-First
Text is the hero. Everything else supports it. EB Garamond for poetry, JetBrains Mono for precision.
Heading in EB Garamond
Body text in Source Serif 4 with generous line-height for comfortable reading.
const code = 'JetBrains Mono';Generous Whitespace
Breathing room for content to shine. Baseline grid system. Architectural, not accidental.
Tight spacing
Everything cramped together feels claustrophobic.
Generous spacing
Content can breathe. Each element has room to exist.
Artful Restraint
Every element serves a purpose. No decoration for decoration's sake. Sharp corners. Muted colors. Intent.
Decorated
Lots of colors, gradients, shadows...
Restrained
Sharp corners. Subtle border. Intentional.
Not just blogs. Works across domains.
Fintech
Trust + Precision
Health
Clarity + Safety
Commerce
Trust + Beauty
Mobility
Speed + Clarity
Landing
Emotion + Story
This isn't a component library.
It's a design specification for AI.
Feed it to Claude Code, Cursor, or any coding assistant.
Get consistent, tasteful components every time.
No npm install. No bundle size. No maintenance.
Just philosophy → code.
Private Collection
ider-UI is an internal library.
The open source version blooms soon.
Proven at scale
Powering fintech, health, and mobility infrastructure.