Ollie Theme Academy

Implementing Styles

Creating base styles

Base styles form the foundation of your block theme’s design system, applying to every element on your site unless overridden by more specific styles. Think of these as your theme’s equivalent to styling the body tag in traditional CSS.

Focus on three essential base styles: background color (the page’s default background), text color (default text color for all content), and typography settings (default font family, size, and line height for all text).

Access these through the styles sidebar in the site editor. Set text and background colors under the Colors section, and configure typography defaults under the Typography section. These settings cascade throughout your entire site.

These foundational styles create the baseline upon which all other styling decisions build. Get these right, and the rest of your block theme’s visual hierarchy falls into place naturally.

Back to: Ollie Theme Academy > Implementing Styles