Tendoo Design

Usage guidelines

Learn how to correctly apply the Tendoo Design System across web and mobile platforms to ensure consistency, usability, and scalability.

Usage Guidelines

The Usage Guidelines page provides practical instructions for how to effectively use the Tendoo Design System across products and teams. It helps ensure consistency, accessibility, and alignment with our design principles.

When to Use the Design System

Use Tendoo Design components and patterns when:

  • You are building or updating features on Tendoo web or mobile platforms.
  • You want to ensure visual and functional consistency.
  • You need production-ready components with built-in accessibility.
  • You are aligning with cross-functional design standards.

How to Use the Design System

  1. Browse the Component Library
    Explore reusable components in the system for your use case.

  2. Follow Design Tokens
    Use our spacing, typography, color, and elevation tokens for styling consistency.

  3. Respect Design Principles
    Every usage should align with the core principles outlined in our Design Principles page.

  4. Use Approved Patterns
    Apply design patterns that are documented and validated for best usability.

  5. Avoid Reinventing
    If a component or pattern exists, use it rather than creating custom versions.

Things to Avoid

  • Mixing Tendoo components with inconsistent third-party or custom styles.
  • Changing core components without consulting the design system team.
  • Using outdated versions of the system or tokens.

Need Help?

If you’re unsure how to apply a component or pattern, reach out to the Tendoo Design team via our support Slack channel or check the Contribution Guidelines.


Following these guidelines ensures the Tendoo experience remains unified, accessible, and scalable for all users.