7onic Blog
About Docs
About 7onic Design System ↗
Categories
  • All Posts 17
  • Design System 9
  • Tokens 2
  • Components 1
  • Tailwind 1
  • AI 1
  • CLI
  • DevOps 3
Series
  • Design to Code 9
  • Solo Builder 1
  • Tailwind Guides 1
  • Token Deep Dive 1
  • Component Anatomy 1
  • AI + Design 1
  • Build & Release 3
← All Posts

Components

1 article
  • Components May 18, 2026

    Component Anatomy #1: Perfect on Paper, Wrong in Production

    I designed buttons at 5 sizes. Deleted one before shipping, discovered a gap, added a different size back. Ended up with 5 again — just not the same 5.

Categories

  • All Posts 17
  • Design System 9
  • Tokens 2
  • Components 1
  • Tailwind 1
  • AI 1
  • CLI
  • DevOps 3

Series

  • Design to Code 9
  • Solo Builder 1
  • Tailwind Guides 1
  • Token Deep Dive 1
  • Component Anatomy 1
  • AI + Design 1
  • Build & Release 3
Design System · GitHub · · RSS

© 2026 7onic · Independently built.