---
name: Raus Life
description: "This site is an excellent example of a premium, consumer-facing brand that balances modern minimalism with a warm, inviting personality."
version: alpha

colors:
  background: "#23212c"
  primary: "#23212c"
  secondary: "#23212c"
  tertiary: "#dd5000"
  neutral: "#006434"
  bg-soft: "#ffffff"
  bg-quiet: "#fdf9ed"
  line: "rgba(35,33,44,1)"

typography:
  display:
    fontFamily: grotesque-sans
    fontSize: 56px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-0.54px"
  h1:
    fontFamily: grotesque-sans
    fontSize: 36px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-0.22px"
  body-lg:
    fontFamily: grotesque-sans
    fontSize: 22px
    lineHeight: 1.18
    fontWeight: 400
    letterSpacing: "-0.22px"
  body:
    fontFamily: grotesque-sans
    fontSize: 18px
    lineHeight: 1.22
    fontWeight: 400
    letterSpacing: "-0.18px"
  body-sm:
    fontFamily: grotesque-sans
    fontSize: 16px
    lineHeight: 1.15
    fontWeight: 400
    letterSpacing: "-0.14px"

rounded:
  sm: 4px
  md: 12px
  lg: 20px
  pill: 999px

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

---

## Overview

Premium cabin booking platform with a calm, nature-inspired aesthetic.

*A premium digital concierge for nature retreats, blending modern minimalism with organic warmth.*

## Colors

Grounded elegance using deep charcoals, crisp whites, and earthy forest greens.

- **Background (`#23212c`)** — uses `bg` token
- **Primary text (`#23212c`)** — uses `ink` token
- **Secondary text (`#23212c`)** — uses `ink-soft` token
- **Accent (`#dd5000`)** — uses `accent` token
- **Muted (`#006434`)** — uses `muted` token
- **Borders (`rgba(35,33,44,1)`)** — uses `line` token

## Typography

- **Display:** grotesque-sans
- **Body:** grotesque-sans
- **Mono:** monospace

- Use negative letter-spacing for all display and heading sizes to create a compact, modern feel.
- Keep body text at 400 weight for a clean, approachable readability.
- Use uppercase text sparingly, primarily for labels and tags.

## Layout

Full-width sections with a constrained central content area.

*Rhythm:* Consistent 4px base grid with generous padding in primary containers.

## Elevation & Depth

- rgba(0, 0, 0, 0.3) 0px 32px 68px 0px
- Borders: Thin 1px borders using the primary ink color, often used as bottom borders on interactive elements.

## Shapes

- `sm`: 4px
- `md`: 12px
- `lg`: 20px
- `pill`: 999px

## Components

- **button:** Rounded pill-shaped buttons, alternating between solid fills (green/charcoal) and outlined styles.
- **card:** Clean cards with rounded corners (20px) and subtle shadows, often featuring large photography.
- **chip:** Small uppercase labels with rounded corners.
- **input:** Simple underlined input fields within a contained booking bar.
- **hero:** Large, full-width photographic background with overlaid text and a semi-transparent booking interface.

## Do's and Don'ts

**Don't:**
- Don't use bright, neon colors — screenshot shows a palette of deep charcoal, forest green, and warm orange.
- Don't use rounded, bubbly fonts — screenshot shows a clean, geometric grotesque sans-serif.
- Don't use heavy drop shadows — screenshot shows a flat design with a single deep shadow for the cookie modal.
- Don't use cluttered layouts — screenshot shows generous white space and a clear visual hierarchy.
- Don't use sharp, square corners — screenshot shows rounded corners up to 20px for cards and 99px for buttons.
- Don't use complex gradients — screenshot shows mostly solid color fills and simple linear fades.

---

## System Prompt (paste into AI agent)

```
Design a calm, premium cabin booking platform. The palette is anchored by deep charcoal (#23212c) and crisp white (#ffffff), with a forest green (#006434) for primary actions and a warm orange (#dd5000) for promotional accents. Typography is a clean, modern grotesque-sans with tight letter-spacing on display text. Layouts are spacious with a 4px grid and generous padding. Use rounded, pill-shaped buttons and cards with soft shadows. Avoid loud colors, busy layouts, and sharp corners to maintain a restful, nature-inspired aesthetic.
```