Find answers to common questions about 0design, design systems, UI styles, typography, and color theory.
0design is a comprehensive design encyclopedia and resource platform that explores UI design styles, typography, color theory, and design principles. We provide interactive tools, guides, and in-depth articles to help designers master their craft.
Yes, 0design is free to use. All our design style guides, typography resources, color tools, and educational content are available at no cost. We believe in making design knowledge accessible to everyone.
Simply describe a mood, scene, or style (e.g., "Cyberpunk Tokyo Rain" or "Scandinavian Morning") in the prompt field, and our AI will generate a production-ready color palette with hex codes, descriptions, and usage guidelines.
Our encyclopedia covers a wide range of design styles including Swiss/International Style, Neo-Brutalism, Neumorphism, Glassmorphism, Y2K/Acid design, and many more. Each style includes detailed information about its history, characteristics, and practical applications.
Currently, we provide comprehensive style guides and interactive playgrounds for each design style. UI kit downloads are coming soon as part of our Pro features.
Consider your brand identity, target audience, content type, and functional requirements. Our style guides include "When to Use" sections that help you understand which styles work best for different contexts. You can also explore our design theory guides for deeper insights.
A modular scale is a sequence of numbers that relate to each other through a consistent ratio (like 1.25 or 1.618). This creates harmonious type sizes that feel naturally related. Our typography lab includes an interactive modular scale calculator.
Effective font pairing involves contrast and harmony. Pair a serif with a sans-serif, or a display font with a neutral body font. Ensure sufficient contrast in weight, style, or character while maintaining readability. Our typography guides cover this in detail.
Variable fonts are a single font file that contains multiple variations (weights, widths, optical sizes) that can be adjusted along continuous axes. This allows for more flexible typography with smaller file sizes.
Ensure sufficient contrast ratios between text and backgrounds (WCAG AA requires 4.5:1 for normal text, 3:1 for large text). Use color contrast checkers, test with color blindness simulators, and never rely solely on color to convey information.
RGB (Red, Green, Blue) uses values 0-255 for each channel. HEX is a hexadecimal representation of RGB (e.g., #FF5733). HSL (Hue, Saturation, Lightness) is more intuitive for designers as it describes colors in human terms. All are valid; choose based on your workflow.
A typical design system includes 5-10 primary colors plus neutrals. Start with a base palette of 3-5 colors (primary, secondary, accent, plus neutrals) and expand as needed. Too many colors can create inconsistency.
A design system is a collection of reusable components, design tokens, guidelines, and standards that ensure consistency across a product or brand. It includes colors, typography, spacing, components, and usage documentation.
Start by auditing existing designs, identifying patterns, and establishing design tokens (colors, typography, spacing). Create a component library, document usage guidelines, and establish version control. Our design systems guide covers this process step-by-step.
Design tokens are the visual design atoms of a design system—named values for colors, spacing, typography, shadows, etc. They abstract design decisions into platform-agnostic values that can be used across different technologies and platforms.
Can't find what you're looking for? Explore our comprehensive guides or reach out to our community.