[mcp_servers.marrow]
url = "https://mcp.marrow.com/mcp/v1"
http_headers = { "marrow-mcp-key" = "YOUR_API_KEY" }
startup_timeout_sec = 30

@Sites

Create a website for a Delto UK seller using Marrow data.

Note:
- Build this as a website, not a single-page application
- Keep the structure simple and easy to maintain for a non-technical business user

Data source:
- Use Marrow
- Use the table: Profit by SKU & Date
- Seller: Delto UK seller
- Time period: last 7 days

Business goal:
Create a profit report website for Delto UK that helps the user understand daily profitability and cost structure.

What the website should show:
- Daily profit and cost breakdown per SKU and child ASIN
- Base calculations on shipped orders, settlement fees, COGS, and ads spend
- Show data for the last 7 days only
- Show the top five most profitable products for the same period

KPI section:
- Use clear KPI tiles consistent with the current design system
- KPI tiles should use metrics from Profit by SKU & Date
- Use the relevant columns such as:
  - child_asin
  - sku
  - profit
  - total_cost
  - acos
  - tacos
  - roi
  - total_sales
  - total_units_sold
  - total_items
- Choose a sensible executive KPI set for the top section, focused on profitability and business performance for the 7-day period
- KPI values should be visually prominent and easy to scan
- If comparison logic is useful, keep it subtle and business-friendly

Main report content:
- Show a daily profit and cost breakdown table grouped clearly by day and product identity
- Make SKU and child ASIN easy to find
- Surface profit, sales, units, items, total cost, ACOS, TACOS, and ROI in a way that is easy for a business user to scan
- Keep numeric columns aligned and readable
- Make the report feel operational and decision-oriented, not technical

Top products section:
- Display the top five products that are most profitable in the last 7 days for the Delto UK seller
- Rank them by profit descending
- Make the section easy to compare at a glance

Design rules:
- Calm, light, data-first business dashboard aesthetic
- Clean, restrained, and professional
- Premium through spacing and typography, not decoration
- Bright neutral background
- White cards and white table surfaces
- Soft grey borders and dividers
- Dark navy text for primary content
- Blue-grey text for secondary labels
- One disciplined blue accent for emphasis
- Green only for positive performance states
- Red only for negative performance states
- Minimal shadows
- Rounded corners, but not overly soft
- Strong visual hierarchy for metrics and important numbers
- Tables should feel highly scannable and structured
- Numeric columns should align cleanly
- Hover states should be subtle
- The website should feel like an internal analytics workspace, not a marketing page

What to avoid:
- Flashy gradients
- Glass or frosted effects
- Heavy shadows
- Orange-led interface
- Dark-mode-first styling
- Playful decoration
- Generic dashboard filler
- Unnecessary copy
- Over-complicated interactions

Content scope:
- Keep the website focused only on the profit reporting use case
- Do not add marketing sections, navigation clutter, onboarding text, or generic dashboard filler
- Use clear business language and concise labels

Behavior:
- Use the latest available data for the last 7 days
- If live data is temporarily unavailable, still prepare the website so real Marrow data can be connected later without redesigning the layout

Output:
- Deliver a complete ready-to-use website page for this profit report
- Keep it polished, practical, and easy for a non-technical user to maintain

Save a version for review without deploying yet.

Deploy the approved version.