---
name: Getdooapp
description: "A textbook example of clean, modern product landing page design that prioritizes whitespace and clear typography to communicate a calm, organized brand identity."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#383938"
  secondary: "#6E6D7A"
  tertiary: "#5550CA"
  neutral: "#6E6D7A"
  bg-soft: "#F7F7F7"
  bg-quiet: "#E7EFF5"
  line: "rgba(110,109,122,1.0)"

typography:
  display:
    fontFamily: humanist-sans
    fontSize: 65px
    lineHeight: 1.1
    fontWeight: 400
    letterSpacing: "-2.6px"
  heading:
    fontFamily: humanist-sans
    fontSize: 39px
    lineHeight: 1.2
    fontWeight: 400
    letterSpacing: "-1.56px"
  body:
    fontFamily: humanist-sans
    fontSize: 16px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 4px
  md: 8px
  lg: 30px
  pill: 39px

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

---

## Overview

A minimal reminders app for building better habits, presented through clean typography and high-fidelity device mockups.

*A calm, organized digital notebook for your daily tasks.*

## Colors

Clean white backgrounds with a single deep violet accent and muted slate text.

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#383938`)** — uses `ink` token
- **Secondary text (`#6E6D7A`)** — uses `ink-soft` token
- **Accent (`#5550CA`)** — uses `accent` token
- **Muted (`#6E6D7A`)** — uses `muted` token
- **Borders (`rgba(110,109,122,1.0)`)** — uses `line` token

## Typography

- **Display:** humanist-sans
- **Body:** humanist-sans

- Use negative letter spacing for headlines to create a tight, modern feel.
- Maintain a strict 400 font weight throughout to preserve a light, airy appearance.
- Ensure generous vertical whitespace between headings and paragraphs.

## Layout

Single-column centered layout with generous margins and high-quality device mockups.

*Rhythm:* Generous vertical spacing with large padding blocks (130px) between major sections.

## Elevation & Depth

- Borders: Subtle top borders (1px solid #6E6D7A) for section dividers.

## Shapes

- `sm`: 4px
- `md`: 8px
- `lg`: 30px
- `pill`: 39px

## Components

- **button:** Pill-shaped solid purple (#5550CA) with white text and no shadow.
- **card:** Not explicitly used as a component; content relies on device mockups.
- **chip:** Not present.
- **input:** Minimal search input within the app mockup.
- **hero:** Centered text hero with a single call-to-action and a large device showcase below.

## Do's and Don'ts

**Don't:**
- Don't use heavy drop shadows on buttons — screenshot shows flat, solid pill buttons.
- Don't use all-caps for body text — screenshot shows sentence case for features and navigation.
- Don't use a dark background for the primary interface — screenshot shows a clean white (#FFFFFF) background.
- Don't use high-contrast black text — screenshot uses a softer dark gray (#383938) for primary ink.
- Don't use complex grids for content presentation — screenshot shows a simple, single-column centered layout.
- Don't use a wide variety of colors — screenshot restricts the palette to white, gray, and a single violet accent.

---

## System Prompt (paste into AI agent)

```
This is a minimalist productivity app landing page. The primary background is pure white (#FFFFFF) with text in a soft dark gray (#383938) and a single deep violet (#5550CA) accent for the call-to-action button. The typography is a humanist-sans category (Avenir Next/Nunito Sans) with light weights and negative letter spacing for headlines. Key design rules include: use pill-shaped buttons, maintain generous vertical whitespace, and rely on high-fidelity device mockups for visual interest. Do not use dark mode, heavy shadows, or cluttered layouts. Keep the interface light, calm, and focused on the product's core value proposition of habit-building through reminders.
```