7onic

@7onic

Website

Designer building an open-source design system. Figma → production code.

Tokyo, JapanJoined April 2026

About

Designer who ships code. Building 7onic, an open-source design system.

Available for

Nothing here yet.

7onic's blogs

7onic7onic.hashnode.dev12 posts

Articles Comments

Recently published

77onic7onic.hashnode.devMay 26 · 9 min read

Design to Code #8: The Cosmetics of Modularity

It was sometime in early April. Version 0.1.0 had been sitting on npm for maybe twenty-four hours. I was clicking through the documentation site I'd just deployed, riding that brief, fragile wave of p

0

77onic7onic.hashnode.devMay 26 · 9 min read

Design to Code #7: How CVA Scaffolding Turned Into Dead Code

The lint config had been sitting in the repo for a week, untouched, when I finally ran it across src/components/ui/ on the afternoon of April 4th. I was expecting maybe a stray console.log, a forgotte

0

77onic7onic.hashnode.devMay 26 · 9 min read

Design to Code #6: When @theme inline Killed My Dark Mode

I was in test-v4 that morning, clicking the theme toggle for the fifteenth time, and the card background just kept staying white. The toggle itself worked. I could watch data-theme="dark" flip on <htm

0

77onic7onic.hashnode.devMay 26 · 8 min read

Design to Code #5: Using AI to Build a Design System

I gave Claude the Switch component spec and pointed it at variables.css. What came back — CVA variants, Radix Primitives, forwardRef, controlled and uncontrolled both wired — was genuinely good. Bette

0

77onic7onic.hashnode.devMay 18 · 6 min read

Build & Release #2: Five Patches for One Line of CSS

I was running through a quick test on April 27 when I noticed something almost funny. Light background. White-ish text. Just barely legible enough that you could tell text was supposed to be there, li

0

7onic

About

Available for

7onic's blogs

Recently published

Design to Code #8: The Cosmetics of Modularity

Design to Code #7: How CVA Scaffolding Turned Into Dead Code

Design to Code #6: When @theme inline Killed My Dark Mode

Design to Code #5: Using AI to Build a Design System

Build & Release #2: Five Patches for One Line of CSS

Search Hashnode

7onic

About

Available for

7onic's blogs

Recently published

Design to Code #8: The Cosmetics of Modularity

Design to Code #7: How CVA Scaffolding Turned Into Dead Code

Design to Code #6: When @theme inline Killed My Dark Mode

Design to Code #5: Using AI to Build a Design System

Build & Release #2: Five Patches for One Line of CSS