UI/UX Design

Learn about color wheels, harmony, contrast, and how to use color to create mood and hierarchy.

# Use color palettes from coolors.co or Adobe Color.

Understand font families, weights, line height, and how to create readable, attractive text.

font-family: 'Inter', sans-serif;
font-size: 16px;
line-height: 1.5;

Use grids, alignment, and spacing to create balanced, organized designs.

# 8pt grid system
display: grid;
grid-template-columns: repeat(12, 1fr);

Guide users' attention using size, color, contrast, and spacing.

# Use larger, bolder text for headings.

Use white space to reduce clutter and improve readability. Balance elements for a harmonious layout.

# Add padding and margins to separate elements.