Harvest — Ivory Plans and Detailed Feature Matrix

---
version: alpha
name: Harvest — Ivory Plans and Detailed Feature Matrix
colors:
  ink: '#000000'
  sample-1: '#1D1E1C'
  sample-2: '#FFFFFF'
  sample-3: '#2C222D'
  sample-4: '#FA5D00'
  sample-5: '#6A696A'
  surface-6: '#FBF5F0'
  surface-7: '#F3EBE4'
typography:
  heading:
    fontFamily: Besley, serif
    fontSize: 70px
    fontWeight: 400
    lineHeight: 77px
  body:
    fontFamily: '"Muoto VAR", MuotoWeb, "Helvetica Neue", Helvetica, Arial, sans-serif'
    fontSize: 19px
    fontWeight: 400
    lineHeight: 26.6px
---

## Overview
Harvest pricing with four white plan cards on ivory, an orange annual-billing switch, pill CTAs, a restrained FAQ and a detailed feature comparison. Inspected on 2026-10-03 at 1440px desktop and 390px mobile. The screenshot covers the full desktop page; the mobile screenshot covers the opening viewport only.

## Colors
Opaque token values come from computed CSS samples in this reference. The sampled-canvas token, when present, is a screenshot pixel sample. Gradients, alpha fills, photography and artwork are described visually rather than reduced to a single invented color.

## Typography
The computed heading sample (Simple & flexible pricing) uses Besley, serif, 70px, weight 400, leading 77px. Supporting text uses "Muoto VAR", MuotoWeb, "Helvetica Neue", Helvetica, Arial, sans-serif at 19px / 26.6px. The matching mobile heading-category sample is 44px / 48.4px. These are local computed samples, not a complete universal type scale. Use properly licensed fonts or appropriate fallbacks.

## Layout
On desktop the four plan cards align beneath centered editorial copy and the billing selector. The FAQ precedes consultation and comparison sections. At 390px the heading changes from 70px to 44px, the navigation collapses, and the opening plan is Teams rather than the desktop Free-first ordering. Only this initial mobile viewport was inspected; do not infer complete mobile table behavior. Desktop image: 1440 × 6312 px. Mobile viewport: 390 × 844 px; isolated mobile components may be taller than the viewport. Two measured widths do not establish exact CSS breakpoints.

## Elevation & Depth
White panels separate clearly from the ivory canvas with fine borders and minimal shadow. The consultation strip is a secondary white surface.

## Shapes
Large rounded card corners, black capsule actions, small orange checkmarks and an orange toggle distinguish purchase paths from explanatory text.

## Components
Free, Teams, Enterprise and Enterprise Plus plans; annual billing selected; FAQs closed; consultation action; a feature matrix and source review cards. Price/currency is the captured source state, not a guaranteed current offer. Billing switching, FAQ expansion and checkout were not exercised.

## Do’s and Don’ts
Keep the comparison labels legible and align equivalent benefits. Do not reduce the full pricing page to a single pricing-card pattern or claim that a trial was started. Provide useful labels, visible focus and reduced-motion alternatives when adapting; these are recommendations rather than a source accessibility audit.