Harvest — Editorial Registration with Paired Fields

---
version: alpha
name: Harvest — Editorial Registration with Paired Fields
colors:
  ink: '#000000'
  sample-1: '#2C222D'
  sample-2: '#FA5D00'
  sample-3: '#1D1E1C'
  sample-4: '#FFFFFF'
  surface-5: '#C6C6C6'
  surface-6: '#FBF5F0'
  surface-7: '#F3EBE4'
typography:
  heading:
    fontFamily: Besley, Georgia, "Times New Roman", serif
    fontSize: 50px
    fontWeight: 400
    lineHeight: 55px
  body:
    fontFamily: '"Muoto VAR", MuotoWeb, "Helvetica Neue", Helvetica, Arial, sans-serif'
    fontSize: 19px
    fontWeight: 400
    lineHeight: 26.6px
---

## Overview
A Harvest registration page with editorial benefits beside a white signup card, paired desktop fields, a Google entry option and source review proof below. 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 (Finally, time tracking your team actually wants to use) uses Besley, Georgia, "Times New Roman", serif, 50px, weight 400, leading 55px. Supporting text uses "Muoto VAR", MuotoWeb, "Helvetica Neue", Helvetica, Arial, sans-serif at 19px / 26.6px. The matching mobile heading-category sample is 36px / 39.6px. These are local computed samples, not a complete universal type scale. Use properly licensed fonts or appropriate fallbacks.

## Layout
Desktop uses a left benefit narrative and right white registration card. First/last name and company/work email share rows; password and the black CTA span the card. At 390px the logo and narrative center, the feature bullets are absent from the opening view, and fields become one column. The lead heading changes from 50px to 36px. Lower mobile form contents extend beyond the opening screenshot. Desktop image: 1440 × 2552 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
A fine gray outline separates the rounded white form card from the cream canvas. Avoid introducing deep modal shadows into this quiet signup page.

## Shapes
Rounded rectangular inputs, a pill-shaped Google option and black pill submit button sit below a serif card title.

## Components
Google signup control, first and last name, company name, work email and password fields, a trial-start action, legal copy and an existing-customer sign-in link. All fields remained empty. No trial, account or external identity-provider flow was started.

## Do’s and Don’ts
Preserve explicit field purposes and the paired-to-stacked responsive transition. Do not mistake this registration screen for a newsletter form; do not copy source review counts into unrelated products. Provide useful labels, visible focus and reduced-motion alternatives when adapting; these are recommendations rather than a source accessibility audit.