Breakthrough T1D Design System
A comprehensive guide to crafting consistent, impactful, clean, and on-brand pages across the web ecosystem.
Welcome
Welcome to the Breakthrough T1D Web Design System site, your go-to guide and reference for creating impactful, consistent, and on-brand digital experiences. Whether crafting new web pages or updating existing ones, please familiarize yourself with our design system to ensure a cohesive and accessible user journey.
Before launching any standalone websites, please consult with Marketing & Communications. Adhering to our brand guidelines for content, language, and imagery is crucial for maintaining brand integrity.
Please navigate through our site to explore the available elements and components designed to enhance your web projects. Dive into the sections provided for specific styles and guidelines.
Global Elements
Our design system includes a set of global components that establish the foundation for a cohesive user experience. This includes typography, color, and spacing guidelines, ensuring that every aspect of your design remains consistent and visually harmonious across all platforms.
Components
Our design system offers a comprehensive collection of custom components designed to meet specific needs. These components empower you to effortlessly create dynamic and engaging content, ensuring consistency and flexibility across your digital presence.
Block Patterns
Block patterns simplify content creation with pre-designed layouts that ensure visual appeal and consistency. Each pattern aligns with brand standards, providing a harmonious and professional look across all site elements, making it easy to build polished web pages quickly.
Templates
Templates provide a foundation for creating structured and consistent web pages. With predefined layouts for specific needs such as search results, archive pages, single posts, and 404 errors, they ensure that every part of your site adheres to our brand guidelines. These templates streamline the development process and maintain a cohesive user experience across all pages.
Need Help?
If you’re stuck or need assistance, don’t hesitate to reach out to our support team for guidance.