Soren Learning

Design & UX

Visual design principles, interaction patterns, research habits, and user experience frameworks for building clear, usable products.

This section groups learning notes related to product design, interface quality, and user-centered problem solving.

It is intended for topics such as design thinking, user research, information architecture, interaction design, visual hierarchy, accessibility, and usability evaluation.

The goal is to keep ideas practical: how design decisions affect comprehension, task completion, trust, and overall product experience.

Series

Design Systems from a Code Perspective

A 7-chapter, engineering-first guide to building, shipping, and migrating to a design system — tokens, component APIs, Storybook, versioning, dark mode, and the migration playbook — using React + Tailwind + shadcn/ui.

7 chapters

design-systemfrontendreacttailwind
Start reading

UX Fundamentals for Developers

An 8-chapter, opinionated guide to the parts of UX a developer can actually control — heuristics, information architecture, typography, color, forms, and the states everyone forgets — with real code in React + Tailwind.

8 chapters

uxdesignfrontendaccessibility
Start reading