CSS Style Guide

Typography

This section demonstrates font styles and sizes.

h1 { font-size: 3em; margin-bottom: 20px; } p { font-size: 1em; line-height: 1.5; }

Color Palette

Key colors used throughout the project.

:root { --primary-color: #007bff; --secondary-color: #6c757d; --accent-color: #ffc107; }

Spacing and Padding

Consistent spacing is crucial for visual hierarchy.

.element { padding: 16px; margin: 8px; }