# Notus Template Reference

Source URL: https://themewagon.github.io/Notus-React/#/admin/dashboard

Use this as a cached local description of the Notus admin direction. Do not copy source or exact content. Recreate the pattern with Tailwind, Inter, Font Awesome, and realistic fake data from the BA brief.

## Layout Pattern
- Bold admin dashboard with left sidebar, top navbar, colored stat cards, and large data panels.
- Header area can use a strong accent band when it suits the brand.
- Sidebar is clean and icon-led with grouped admin modules.
- Main content combines metrics, tables, maps/progress panels, and activity blocks.

## Components To Emulate
- Colored KPI/stat cards with icons and deltas.
- Large table cards for orders, employees, inventory, customers, appointments, or workflows.
- Chart/progress placeholders with clear labels and legends.
- Activity feed, approvals list, or status board.
- CRUD modals for module-specific management actions.

## Visual Direction
- More energetic than Dasher: stronger color blocks, shadows, and high-contrast cards.
- Still keep business-app credibility; do not turn it into a marketing landing page.
- Use images only where they support avatars, product thumbnails, or empty states.

## Responsive Behavior
- On mobile, keep the primary actions visible near the top of the page.
- Stack cards cleanly and prevent the sidebar from hiding important content.
- Modals must fit mobile screens and allow saving without scrolling traps.
