Sprout leverages the best of Material 3 and WordPress to set high standards for modern UI design, ensuring our brand is both unique and accessible.
Introduction
Sprout combines the strengths of Material 3 and WordPress to create user-friendly, customizable, and adaptable UI experiences.
Brand Design
Design guidance, specs, and tools to streamline the work of getting from Figma to finished products.
Using Material 3
Get to know Material.io and our top resources.
Introduction
Our goal is to provide a seamless, personalized design that reflects our brand’s unique identity while ensuring ease of use and high accessibility.
Our brand design focuses on creating highly customizable and adaptable interfaces that set new standards in modern design and expressive experiences.
UX foundations
Foundations like color, type, and shape are customizable systems in Material.
Open-source WordPress Codex
a comprehensive resource for all things WordPress, including detailed documentation, guides, tutorials, and reference materials.
Brand Design
Design guidance, specs, and tools to streamline the work of getting from Figma to finished products.
Styles & customization
Scale design decisions with systems for color, type, and more.
Adaptive layouts
Patterns and best practices for handling multiple screen sizes.
Figma design kit
Jumpstart your designs with ready-made elements in the SMK design kit.
Using Material 3
The design system is organized in three main parts: foundations, styles, and components. Each section includes design guidance and tools to help you customize and build with Material.
Foundations & customization
Accessibility, layout, interaction states, design tokens, and more.
Styles
Systems for applying color, type, icons, motion, and shape.
Components
Customizable UI elements, from menus to buttons to dialogs.