Avala style sheet

A live reference for typography, navigation copy, buttons, and layout widths so every surface stays consistent.

Foundations

Text styles, weights, and responsive sizing across breakpoints.

Max-width tokens and container sizing guidelines.

Brand, surface, status, and overlay color tokens with usage guidelines.

Button variants and size specifications.

Lucide icon library usage and applications.

Card and container surface treatments.

Subtle gradient glows and ambient lighting effects for section emphasis.

Recharts design system for data visualization.

Three.js geometric visualizations and 3D art components.

Uppercase lead-in labels and badge styles.

Searchable content index layout pattern.

Menu typography across desktop, tablet, and mobile.