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

Component Anatomy

1 article

The design decisions behind each component in 7onic

  • #1 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 9
  • Design System 4
  • Tokens 2
  • Components 1
  • Tailwind 1
  • AI
  • CLI
  • DevOps 1

Series

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

© 2026 7onic · Independently built.