ACTIVEPIECES/docs/handbook/product/interface-design.mdx
rohit cd823a2d9e
Some checks failed
Crowdin Action / synchronize-with-crowdin (push) Has been cancelled
Release Pieces / Release-Pieces (push) Has been cancelled
automaton layer
2025-07-05 23:59:03 +05:30

31 lines
726 B
Plaintext

---
title: "Interface Design"
icon: "palette"
---
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
![Color Palette](/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