> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nrai.io/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/newratantechnologiespvtltd/spalPXI-HIltx4rW/resources/color-palette.png?fit=max&auto=format&n=spalPXI-HIltx4rW&q=85&s=068f2e10fcadcae97b73d2061dcef37d" 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