Design system documentation cards showing Buttons, Tooltips, Toggle, Star rating, and Tab components in detail

DESIGN SYSTEM — MULTI-APP PLATFORM

DESIGN SYSTEM — MULTI-APP PLATFORM

CASE STUDY

CASE STUDY

Design System for a Multi-App Product Ecosystem

Design System for a Multi-App Product Ecosystem

Design System for a Multi-App Product Ecosystem

Creating a scalable foundation to launch new apps faster.

Creating a scalable foundation to launch new apps faster.

Creating a scalable foundation to launch new apps faster.

Role:

Product Designer

Design System · Multi-App Platform

Faster MVP launches

Carrots Lab develops several apps rather than a single product. Before the design system, each project started almost from scratch.

Design lacked standardization.

Design lacked standardization.

Design lacked standardization.

No shared component library

Inconsistent typography and color usage

Repeated design work across projects

Difficult to support light and dark mode

Slower MVP launches

Every new app required rebuilding basic UI patterns.

Design system color primitives and light/dark semantic tokens for surface, label, and border

Every new app required rebuilding basic UI patterns.

Every new app required rebuilding basic UI patterns.

Every new app required rebuilding basic UI patterns.

Design system component library showing avatars, badges, and button variants

Create a reusable design system template.

Create a reusable design system template.

Create a reusable design system template.

We built a shared foundation that designers could use to start any new product.

The system included:

Global color variables

Typography scale

Design tokens and local variables

Core UI components

Light and dark mode support

Consistent layout and spacing rules

This allowed each new app to start from a structured base rather than a blank file.

Impact

4X

4X

4X

New apps can launch 4X times faster while maintaining a unified product foundation.

~2 weeks

~2 weeks

~2 weeks

Using the system, the MVP was designed in about two weeks.

Consistency across apps

Products share a clearer visual language and interaction patterns.

More efficient design process

Designers reuse components instead of rebuilding common elements.

Let’s connect.

Open to product roles, collaborations and interesting ideas.

Create a free website with Framer, the website builder loved by startups, designers and agencies.