Skip to content
Toyota Motor Europe DXP Reference Guide

Connected Design System

Designed for the fast lane.
Figma Styles React AEM Reference GitHub
🚀

Getting Started

Changelog Latest updates and version history
→
Philosophies Design philosophies behind the styleguide
→
🎨

Styles

Typography Font families, sizes, and text styles
→
Layouts Page structure and grid systems
→
Forms Form elements and input styles
→
Components Reusable UI building blocks
→
Utilities Helper classes for spacing, borders, and more
→
⚛️

React

Components React component library for DXP
→
Hooks Custom React hooks for common patterns
→
🏗️

AEM React

Components AEM-specific React components and integrations
→
📚

Reference

Contribute Guidelines for contributing to the styleguide
→
Glossary Terminology used in the styleguide
→
Icons Complete icon library and usage guide
→
Tokens Design tokens and their applications
→