AI Prompt Library — v0 Pack

# Analytics dashboard screen — v0 build prompt
# Krevo AI · v0 Pack · sample prompt 01 of 30

Generate a single dashboard screen. React + Tailwind. One file. No routing, no
data fetching — use a typed `MOCK` constant at the top so the layout is the only
thing under review.

## Layout
A 260px fixed sidebar on the left, content to the right.

Sidebar: wordmark, six nav items with 20px stroked icons, active item marked by a
filled pill, account row pinned to the bottom.

Content, top to bottom:
1. Header row — page title on the left; date-range picker and a primary action
   button on the right.
2. Four stat tiles in a row. Each: label, large value, and a delta chip that is
   green when positive and red when negative. Never encode meaning in colour
   alone — pair every delta with an arrow glyph.
3. A line chart card, full width, 320px tall. Draw the axes and the line as
   inline SVG from the mock data. Do not import a charting library.
4. A two-column row: a bar-chart card at 60% and a ranked list card at 40%.
5. A data table — seven columns, sortable headers, a status pill per row, and a
   pagination footer.

## Constraints
- Dark surface. Near-black page, one step lighter for cards, a single accent hue.
- Type: one display face for numbers and headings, one body face for everything
  else. Tabular figures on every number.
- 8px spacing scale. Nothing lands off the grid.
- Responsive: sidebar collapses to icons under 1024px, stat tiles go 2x2 under
  768px, the table scrolls inside its own container — the page never scrolls
  sideways.
- Every colour comes from a CSS custom property defined at the top of the file.
- Accessible: real `` semantics, `aria-sort` on sortable headers, focus
  rings on every control, 4.5:1 contrast on all text.

Return the complete file. No prose, no explanation, no placeholder comments.