Articles · 15
Craft notes on
visual design
Essays on motion design, UI patterns, typography, design systems, and the craft that connects them. Each piece comes from production work, not theory.
Web Animation in 2026: CSS vs GSAP, When to Use Each
CSS handles 80% of web animation in 2026, GSAP wins for timeline choreography. Performance benchmarks, decision tree, View Timeline status.
Read article →02
More articles
Motion Design Tools for UI Designers Crossing Over (2026)
After Effects, Cavalry, Rive, Theatre.js, Lottie, which motion tool fits a UI designer crossing into motion work, and which to avoid for that use case.
6 min read
From Styleframe to Working UI: The Designer Pipeline
How motion designers move work from a single styleframe through animatics into shipped UI, toolchain, handoff documents, and where the pipeline breaks.
4 min read
Visual Hierarchy in Motion Graphics: 6 Key Lessons
How motion designers apply visual hierarchy in single styleframes - size, contrast, depth, and pacing from broadcast, title sequences, and brand motion.
8 min read
Godot 4 Visual Design: Game Art Direction for Designers
How designers can use Godot 4's visual tools, theme editor, Control nodes, shaders, to build game UI without writing code from scratch.
7 min read
Color Palette Generators for UI Design: Tested Picks
I tested Coolors, Adobe Color, Realtime Colors, and Huemint on real projects, here's how each palette generator performs for UI work.
7 min read
Figma vs Canva in 2026: Which Design Tool Is Right?
Figma or Canva? Designers need prototyping and dev handoff. Marketers want drag-and-drop speed. Here's how pricing, templates, and real output compare.
8 min read
Motion Design for Social Media: The Practical Guide
Platform specs, tool picks, and workflow tips for motion design on Instagram Reels, TikTok, and YouTube Shorts, what actually gets engagement in 2026.
7 min read Best UI Design Tools in 2026: Figma, Sketch, and Penpot
Best UI design tools 2026 compared, Figma vs Sketch vs Penpot on speed, plugins, dev handoff, and pricing after Figma raised its rates.
12 min read
Dashboard Design Patterns for Modern Web Apps 2026
Proven dashboard UI patterns for web apps, card layouts, data density, navigation, and real examples from tools like Linear, Stripe, and Grafana.
7 min read
Motion Design for the Web: When and How to Apply It
Motion design for the web, practical CSS transitions, scroll-driven effects, micro-interactions, plus when motion helps versus when it gets in the way.
10 min read
Visual Hierarchy in UI Design: 7 Principles That Work
Visual hierarchy techniques for UI designers, size, contrast, spacing, and color strategies from eye-tracking research and real projects.
6 min read
How to Build a Design System in Figma Step by Step
Build a production Figma design system with tokens, components, and variants, most teams now use Figma Variables for token management.
6 min read
How Do You Pick the Right Fonts for a Web Project?
Practical font pairing and web typography guide, variable fonts cut page load by 30% and proper type hierarchy improves reading accuracy by up to 20%.
8 min read CSS Layout Patterns in 2026: Grid, Flexbox, or Bento?
CSS Grid vs Flexbox vs Bento layouts compared, 67% of top SaaS sites now use bento grids and Subgrid has 97% browser support for production use.
6 min read