Welcome to the Atlas Theme Pattern Library
The Atlas Theme Pattern Library is a reference guide designed to ensure consistent, scalable, and user-friendly design across all sites built using the Antilles CMS. Whether you're a developer integrating new features, a designer refining layouts, or a content editor structuring a page, this resource provides a clear framework for how Atlas is built and how to use its components effectively.
Why Use the Pattern Library?
Atlas follows a structured design system that simplifies content creation, ensures branding consistency, and improves user experience. This library documents all predefined styles, components, and layout rules to help teams efficiently build and manage content without reinventing the wheel.
How This Guide is Organized
To make it easy to find what you need, the library is divided into three main sections:
- Variables – The core design tokens, including colors, typography, effects, and branding elements.
- Text Styles – Defines standard typography, including heading levels, paragraph styles, emphasis, and font treatments.
- Calls to Action – Attention-grabbing elements such as cards, highlighted content boxes, full-width banners, and feature sections designed to direct user focus.
- Content Organization – Structural elements that improve readability and navigation, including tables, tabs, accordions, and lists.
- Form Styles – Standardized input fields, dropdowns, checkboxes, and interactive form elements that align with the Atlas Theme.
- Buttons - Defines standard button layouts, sizes and features
Each section has a sub-navigation menu so you can quickly jump to what you need without having to scroll through long pages.
By following the guidelines in this pattern library, you’ll ensure that your site, built with the Atlas Theme and Antilles CMS, will maintain a clean, cohesive, and scalable design.