---
name: Munropartners Com Au
description: "The site successfully bridges premium editorial aesthetics with complex financial data by using strong photographic anchors and rigorous typographic restraint."
version: alpha

colors:
  background: "#fff9ee"
  primary: "#3f322a"
  secondary: "rgba(63,50,42,0.5)"
  neutral: "rgba(63,50,42,0.5)"
  line: "rgba(63,50,42,0.1)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 500
    letterSpacing: "-1px"
  body:
    fontFamily: grotesque-sans
    fontSize: 22px
    lineHeight: 1.6
    fontWeight: 400
    letterSpacing: "0.2px"
  small:
    fontFamily: grotesque-sans
    fontSize: 14px
    lineHeight: 1.3
    fontWeight: 400
    letterSpacing: "0.2px"

rounded:
  sm: 2px
  md: 15px
  lg: 20px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

A premium wealth management firm presenting investment growth as a guided journey through a natural landscape.

*A topographic map guiding investors through a complex financial terrain.*

## Colors

Warm, earthy neutrals that let the photographic hero drive visual interest while maintaining maximum readability for financial data.

- **Background (`#fff9ee`)** — uses `bg` token
- **Primary text (`#3f322a`)** — uses `ink` token
- **Secondary text (`rgba(63,50,42,0.5)`)** — uses `ink-soft` token
- **Muted (`rgba(63,50,42,0.5)`)** — uses `muted` token
- **Borders (`rgba(63,50,42,0.1)`)** — uses `line` token

## Typography

- **Display:** grotesque-sans
- **Body:** grotesque-sans

- Use uppercase with wide tracking for secondary labels and table headers
- Maintain a clean, neutral typographic hierarchy that prioritizes clarity for financial data
- Reserve heavier weights strictly for emphasis or interactive states

## Layout

Full-bleed hero followed by generous single-column content blocks with a clean horizontal tabular layout for financial data.

*Rhythm:* Generous vertical spacing that mirrors the open, expansive feeling of the landscape imagery.

## Elevation & Depth

- Borders: 1px solid lines using a muted earthy brown to separate rows and define sections.

## Shapes

- `sm`: 2px
- `md`: 15px
- `lg`: 20px
- `pill`: 999px

## Components

- **button:** Understated ghost buttons with uppercase labels, using muted borders and subtle hover transitions.
- **card:** Clean data rows separated by thin dividers rather than heavy containers.
- **chip:** Small, uppercase text badges for 'ETF' and 'MANAGED FUND' using a subtle purple or teal accent.
- **input:** Minimal text-based inputs focused on readability.
- **hero:** Immersive full-viewport photographic landscape with large overlaid typography.

## Do's and Don'ts

**Don't:**
- Don't use bright, saturated accent colors — the screenshot shows a restrained palette of earthy browns and warm off-whites.
- Don't use heavy drop shadows on components — the design relies on subtle borders and clean spacing for definition.
- Don't use serif or decorative fonts — the screenshot exclusively uses a clean grotesque sans-serif typeface.
- Don't crowd the interface with dense grids — the layout uses generous whitespace and a single-column narrative flow.
- Don't use rounded pill buttons for primary actions — interactive elements appear as subtle text links or simple outlined rectangles.
- Don't use stark, cold white backgrounds — the base background is consistently a warm, creamy off-white (#fff9ee).

---

## System Prompt (paste into AI agent)

```
This is a premium wealth management website that visualizes financial growth through a journey metaphor. The design relies on a warm, earthy color palette anchored by a creamy off-white background (#fff9ee) and deep brown ink (#3f322a), allowing the large, dramatic landscape photography to be the primary visual focus. The typography is strictly modern grotesque sans-serif, creating a clean, objective, and highly readable interface for financial data. Critical constraints include avoiding overly bright accent colors, rejecting heavy shadows in favor of subtle border definitions, and maintaining generous spacing to reflect a calm, authoritative brand voice that prioritizes long-term perspective over urgent, aggressive conversion tactics.
```