Website Theme
How Oolio looks online.
The Oolio website theme is the visual and structural foundation for all Oolio product websites. Built to reflect the brand guidelines: purple-first, Inter throughout, clean and modern. It ensures every product site feels like it belongs to the same family. This section outlines the available templates, each of which includes a showcase of the modules it contains.
The theme
The Oolio website theme translates the brand guidelines into a working digital environment. It uses the full Oolio colour palette, Inter across all type styles, and the brand's signature shapes and layout principles. Every template is built from a shared library of modules: individual building blocks that can be combined and configured to construct any page. The theme is designed to be consistent, accessible, and easy to maintain.
The theme is used across all Oolio product websites. Individual product sites apply their own product logo, but the underlying structure, typeface, and design language remain consistent.
Templates
Each template defines a page layout and includes a showcase of the modules available within it. Visit the showcase page for each template to see the modules in use.
Coming soon.
Usage rules
- Do not modify the theme's core typography, colour assignments, or layout grid outside the options provided
- Product-specific accent colours must be drawn from the approved brand palette
- All new pages should be built from the available templates. Do not create custom layouts outside the theme
- Any proposed additions to the template or module library should be reviewed against the brand guidelines before development