Get StartedFoundationsComponentsPatternsIntegration
01.Get Started
02.Foundations
03.Components
04.Patterns
05.Integration
Color
Typography
Spacing
Icons
Motion
Accessibility

SPACING & RADIUS

PreviousTypography
IconsNext
ELFBAR Design

V 0.1.0

A design system built for BMD teams.

Brand Marketing Department

Resources

  • GitHub
  • Storybook
  • Figma

Documentation

  • Changelog
  • Components
  • Tokens
  • Global market globe

Brands

  • ELFBAR Official
  • LostMary Official

Copyright © 2026 ELFBAR. All rights reserved.

The spacing system is organized in three tiers: Element (within components), Component (component-level), and Module (layout-level). The radius scale provides 8 levels from none to full.

Element (ele)

Fine-grained spacing for icons, labels, and badge padding

—
—
—
—
—
—

Component (comp)

Button padding, form item gaps, and component-level layout

—
—
—
—

Module (mod)

Card gaps, section spacing, and container padding

—
—
—
—
—
—
—
—