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

# Appearance

> Screenshots of the theme applied to a Filament v5 demo project.

Screenshots below are from a Filament v5 demo project using the Cappuccino theme.

## Dashboard

<img className="rounded-xl" src="https://mintcdn.com/andreia-6c5d77f3/5pb3jZ5-Avd1Dt4z/filament/cappuccino-theme/images/dashboard01.png?fit=max&auto=format&n=5pb3jZ5-Avd1Dt4z&q=85&s=61ee9a41d6fa53fa5dde9b4ee782837d" alt="Dashboard" width="3014" height="1476" data-path="filament/cappuccino-theme/images/dashboard01.png" />

<img className="rounded-xl mt-4" src="https://mintcdn.com/andreia-6c5d77f3/5pb3jZ5-Avd1Dt4z/filament/cappuccino-theme/images/dashboard02.png?fit=max&auto=format&n=5pb3jZ5-Avd1Dt4z&q=85&s=d64dc55a8d81070a44ad10b770f11e69" alt="Dashboard" width="3008" height="1460" data-path="filament/cappuccino-theme/images/dashboard02.png" />

<img className="rounded-xl mt-4" src="https://mintcdn.com/andreia-6c5d77f3/5pb3jZ5-Avd1Dt4z/filament/cappuccino-theme/images/dashboard03.png?fit=max&auto=format&n=5pb3jZ5-Avd1Dt4z&q=85&s=71600a797e2d649b6f0f7fcf41664d7d" alt="Dashboard" width="3006" height="1470" data-path="filament/cappuccino-theme/images/dashboard03.png" />

## User menu

<img className="rounded-xl" src="https://mintcdn.com/andreia-6c5d77f3/5pb3jZ5-Avd1Dt4z/filament/cappuccino-theme/images/user_menu.png?fit=max&auto=format&n=5pb3jZ5-Avd1Dt4z&q=85&s=17164892d4b9070684c935b901eaba0e" alt="User menu" width="618" height="392" data-path="filament/cappuccino-theme/images/user_menu.png" />

## Product

<img className="rounded-xl" src="https://mintcdn.com/andreia-6c5d77f3/5pb3jZ5-Avd1Dt4z/filament/cappuccino-theme/images/create_product.png?fit=max&auto=format&n=5pb3jZ5-Avd1Dt4z&q=85&s=aa21896dd7f58d8b6933e32d786dc760" alt="Create product" width="3014" height="2824" data-path="filament/cappuccino-theme/images/create_product.png" />

## Order

**Order list**

<img className="rounded-xl" src="https://mintcdn.com/andreia-6c5d77f3/5pb3jZ5-Avd1Dt4z/filament/cappuccino-theme/images/orders.png?fit=max&auto=format&n=5pb3jZ5-Avd1Dt4z&q=85&s=37af4a087414ee4dbdabfff9f683656b" alt="Orders list" width="3014" height="2508" data-path="filament/cappuccino-theme/images/orders.png" />

**Create order**

<img className="rounded-xl mt-4" src="https://mintcdn.com/andreia-6c5d77f3/5pb3jZ5-Avd1Dt4z/filament/cappuccino-theme/images/create_order.png?fit=max&auto=format&n=5pb3jZ5-Avd1Dt4z&q=85&s=3ff84c3d6388ab3e56d6d0061cf7ddbc" alt="Create order" width="3014" height="1834" data-path="filament/cappuccino-theme/images/create_order.png" />

## Customer

<img className="rounded-xl" src="https://mintcdn.com/andreia-6c5d77f3/5pb3jZ5-Avd1Dt4z/filament/cappuccino-theme/images/customers.png?fit=max&auto=format&n=5pb3jZ5-Avd1Dt4z&q=85&s=ff7e4848192c4c36868046d7713a6d4b" alt="Customers list" width="3014" height="1878" data-path="filament/cappuccino-theme/images/customers.png" />

## Employee

<img className="rounded-xl" src="https://mintcdn.com/andreia-6c5d77f3/5pb3jZ5-Avd1Dt4z/filament/cappuccino-theme/images/employees.png?fit=max&auto=format&n=5pb3jZ5-Avd1Dt4z&q=85&s=b6a347e4493bf9ffb594c680012d83c9" alt="Employees list" width="3024" height="1484" data-path="filament/cappuccino-theme/images/employees.png" />

## Leave requests

<img className="rounded-xl" src="https://mintcdn.com/andreia-6c5d77f3/5pb3jZ5-Avd1Dt4z/filament/cappuccino-theme/images/leave_requests.png?fit=max&auto=format&n=5pb3jZ5-Avd1Dt4z&q=85&s=436558f94c6d3a98ac2729f74c6a90da" alt="Leave requests list" width="3014" height="2462" data-path="filament/cappuccino-theme/images/leave_requests.png" />

## Project

<img className="rounded-xl" src="https://mintcdn.com/andreia-6c5d77f3/5pb3jZ5-Avd1Dt4z/filament/cappuccino-theme/images/create_project.png?fit=max&auto=format&n=5pb3jZ5-Avd1Dt4z&q=85&s=f626a3e3bae2ef6927ef951950292fa1" alt="Create project" width="3014" height="1708" data-path="filament/cappuccino-theme/images/create_project.png" />

## Mail template

<img className="rounded-xl" src="https://mintcdn.com/andreia-6c5d77f3/5pb3jZ5-Avd1Dt4z/filament/cappuccino-theme/images/mail_template.png?fit=max&auto=format&n=5pb3jZ5-Avd1Dt4z&q=85&s=c468ba82b7449d41ef9eb6e211d5b68d" alt="Mail template" width="2470" height="990" data-path="filament/cappuccino-theme/images/mail_template.png" />