Search

Sprout Web Team

In-house Developers

Sprout Material Kit

Building Modern UI Experiences

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.
Scroll to Top