Ollie Theme Academy

Implementing Styles

Exercise – Implementing base styles

Start with typography by setting the default font family to Lora and the font size to medium (1rem) for responsive scaling. Set line height to 1.45 for optimal readability across your block theme.

Configure base colors by setting text color to your contrast color (near-black) and background to white. Even though browsers default to white backgrounds, explicitly setting this enables future color variations and maintains design system completeness.

Set block spacing to medium from your spacing palette to create consistent responsive spacing between all blocks throughout your site. This creates visual rhythm and proper content separation.

Export these changes to theme.json using Create Block Theme to see how the interface generates the styles section. These base styles become the foundation for all subsequent styling refinements.

Back to: Ollie Theme Academy > Implementing Styles