Tag: web-design
-
color systems
A palette comprises a collection of colors, while a color system establishes rules for color usage across three tiers: primitives (raw values), semantics (assigned meanings), and components (which utilize these meanings). This structure allows for streamlined updates across surfaces, enabling automatic adjustments for themes and branding changes.
-
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 —…
-
i built a design system business in 6 weeks using only claude code
—
by
in AI, Automation, Color, Components, Educational, Illustrations, Images, Sites, Styleguides, Tokens, Typography, UI/UX, Web DesignSix weeks from first commit to a deployed product site, a content pipeline, a Gumroad membership, and a MailerLite funnel — one designer, one tool, no team. On April 25, 2026 I ran git init in a Google Drive folder. On June 5 I had a functioning design system business: a static site deployed to…
-
3dicons
A free, open-source library offers over 1,500 hand-crafted 3D icons, available in various angles and color variants for mockups and UI. A Figma plugin simplifies icon integration, while a pro tier provides an online editor for customization. Developed by Vijay Verma, icons require no attribution.
-
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…
-
simple icons
3000+ SVG icons for popular brands. A CCO project maintained by the Simple Icons contributors. Simple Icons offers a huge repository of free, high-quality vector icons for almost every popular brand, library and app you can think of. https://simpleicons.org
-
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
-
Huemint
AI-powered color palette generator that uses machine learning to create harmonious and contextually relevant color schemes for graphic design, branding, and websites. Unlike traditional color tools that produce a flat palette, Huemint’s key innovation is generating colors based on how they will be used in the final design, such as considering which colors are for…
-
ISOCONS
Free comprehensive collection of customizable isometric 3D icons that can be integrated into any project. This is a collection of carefully crafted, customizable isometric icons designed for use in UI/UX design, web development, apps, and presentations.Key Features:A diverse library of vector icons (SVG format) across multiple categories.Figma plugin for easy integration into design projects.Customizable options…
-
The Component Gallery
The Component Gallery is a collection of interface components from real-world design systems.
