Open Source
Built in the open
The design system we use across all our products is open and free. Our engineering opinions are on Dev.to. Our code is on GitHub. We've been building quietly for 13 years — some of that is now public.
Design System
Neo-Analog Design System v1.0
@dooziesoft/design-system
The Neo-Analog design system. CSS tokens, React components, Tailwind config, full light/dark mode. Framework-agnostic. WCAG 2.2 AA. Used internally across all our products.
- Pure CSS foundation — no framework required
- React, Vue, Next.js, and Laravel Blade samples
- Full light/dark mode with CSS variables
- 80+ icons, 15+ components
- Figma token export
Colors
- Canvas: #FDF8F3 (warm off-white)
- Accents: Mint, Lilac, Powder
- 8 extended palette colors
- Full dark mode equivalents
Typography
- Inter font with fallback chain
- 6 semantic sizes (H1→Micro)
- 4 weight tokens
- 1.45 body line height
Spacing
- 8px base grid
- 7 spacing tokens (xxs→3xl)
- 3 border radius tokens
- 6 z-index levels
Motion
- 180ms duration
- Custom ease cubic-bezier
- Consistent transition tokens
- Reduced-motion support
Writing on Dev.to
Engineering opinions, not content marketing
Akshay Joshi writes regularly on Dev.to — honest takes on AI, engineering culture, and running a bootstrap software company. No sponsored content, no SEO filler.
Use the design system in your project
MIT licensed. Works with React, Next.js, Vue, Laravel Blade, or plain HTML/CSS. Tailwind config included. Figma token export available.