Category: Educational
-
icon systems: the part of your design system everyone assumes is easy
Icons are the last thing you document and the first thing that breaks consistency. Most design systems ship with icons pulled from three different libraries, sized at 16px here and 24px there, with stroke weights that don’t match the UI they sit in. Nobody planned it that way — it just happened one component at…
-
type scale
A type scale is a sequence of font sizes built on a single ratio — so every size in your system is mathematically related to every other. Pick a base size (usually 16px) and a ratio (1.25 is modest, 1.5 is expressive) and multiply up and down from there. Token each step by role —…
-
spacing systems: the token you forgot to build
Most design systems nail color and type — then leave spacing as a free-for-all. Spacing tokens are the quietest part of a design system and the most overlooked. Designers spend hours defining a perfect color palette, a harmonious type scale, a complete component library — then type `margin: 13px` directly into a component and move…
-
design tokens
A design token is just a named variable that stores a design decision — color, spacing, type size — so your whole system can change from one place. Instead of hardcoding `#0d0d0d` in fifty places, you define `–ink: #0d0d0d` once and reference the name everywhere. When the value changes, everything updates. Tokens create the contract…
-
TINYWOW
a popular free, all-in-one online toolkit designed to simplify a wide range of digital tasks from editing PDFs and images to generating content with AI, it’s a web-based platform that requires no software installation or registration for basic use, making it highly accessible for students, professionals, and content creators. https://tinywow.com
-
Daily UI
Daily UI is a 100-day series of UI design challenges, sent Monday-Friday, with opportunities to share work and earn rewards.
-
Laws of UX
Laws of UX is a collection of best practices that designers can consider when building user interfaces.
-
-
W3Schools Online Web Tutorials
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java and more…
-
Gestalt principles in UI Design
Gestalt principles help us design intentionally in order to build relationships between elements on a page. Source: https://www.uxtoast.com/design-tips/gestalt-principles-in-ui