Introduction
Getting Started with Adapt
Welcome to the Adapt design system! Adapt is Niyo’s (goniyo.com) comprehensive design system, crafted to empower our teams to create consistent, user-centered experiences. This documentation serves as a single source of truth for how our design system works, accelerating onboarding for new designers and ensuring everyone is on the same page.
What is Adapt?
Adapt is more than just a collection of components. It’s a living ecosystem that provides guidance on everything from button styles to content guidelines, ensuring a cohesive and delightful experience across all Niyo products. It promotes design consistency, speeds up development, and ultimately helps us deliver better products to our users.
Who is this documentation for?
This documentation is designed for everyone at Niyo involved in creating user-facing products and communications, including:
- Designers
- Writers
- UX Researchers
- Product Managers
- Engineering Teams
- Marketing Teams
- Customer Support
How is Adapt organized?
The Adapt design system documentation is organized into four key sections:
Components
The building blocks of our design system. Here you’ll find a catalog of all available components, including detailed documentation on their various states, usage guidelines, and code snippets. Learn how and when to use each component effectively.
Patterns
Discover how components combine to form effective user interface patterns. Patterns provide solutions to common design challenges while maintaining consistency across our products.
Content
Our voice and tone guidelines, writing style, and editorial principles live here. This section provides guidance for creating clear, consistent, and engaging content across all channels.
Resources
Access downloadable resources like UI kits, plugins, and helpful guides to streamline your workflow and accelerate the design and development process.
Quick Start for Designers
- Browse the Components: Familiarize yourself with the available components and their usage guidelines.
- Explore Patterns: See how components work together to solve common design challenges.
- Check the Content Guidelines: Understand our voice and tone to ensure consistency in your messaging.
- Download Resources: Grab the UI kits and plugins to start designing right away.
Quick Start for Developers
- Component API: Each component page includes code snippets and usage instructions.
- Installation: Learn how to integrate Adapt into your project. (Link to installation instructions if available).
- Contribution Guidelines: Contribute to the design system by adding new components or improving existing ones. (Link to contribution guidelines if available).
Staying Up-to-Date
Adapt is constantly evolving. Subscribe to our updatesmto stay informed about the latest additions and changes.
We’re excited to have you on board! If you have any questions, please reach out to the design system team. (Link to contact info if available).