> ## Documentation Index
> Fetch the complete documentation index at: https://www.activepieces.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Interface Design

This page is a collection of resources for interface design. It's a work in progress and will be updated as we go.

## Color Palette

<img src="https://mintcdn.com/activepieces/ki8mFooo8mAmhMdP/resources/color-palette.png?fit=max&auto=format&n=ki8mFooo8mAmhMdP&q=85&s=c53ca192391af38a9d96ce083d2d958b" alt="Color Palette" width="1600" height="1200" data-path="resources/color-palette.png" />

The palette includes:

* Primary colors for main actions and branding
* Secondary colors for supporting elements
* Semantic colors for status and feedback (success, warning, destructive)

## Tech Stack

Our frontend is built with:

* **React** - Core UI framework
* **Shadcn UI** - Component library
* **Tailwind CSS** - Utility-first styling

## Learning Resources

* [Interface Design (Chapters 46-53)](https://basecamp.com/gettingreal/09.1-interface-first) from Getting Real by Basecamp