Give me comprehensive website feedback for https://hiremara.c…

Hiremara — comprehensive website feedback

Hiremara is a single-product AI email marketer whose strongest choice is the "Mara writes them all" headline: it names the three lifecycle moments (welcome, nudge, win-back) and turns the product into a person, which is exactly what an AI tool needs to do to feel less like a feature list. The Instrument Serif headline paired with JetBrains Mono eyebrows and Inter body is a confident, distinctive voice that does not look like a default Next.js template.

> Capture note: the desktop full-page sweep was truncated at 6,000 px of an observed 18,287 px and the settling state is indeterminate, so the lower sections (footer, dark "Auth/Billing/Lifecycle" panel) are partially captured. The pricing page and mobile sweep completed cleanly.

What works

1. The hero is doing real persuasion work. "The welcome email. The nudge. The win-back. Mara writes them all." is a three-beat promise that names the visitor's actual job. The supporting paragraph ("Every email your product should be sending, drafted in your voice before you ask") is unusually specific for a SaaS hero — it tells the visitor what they will and will not do.
2. The "More paying users. That is the job." line is a strong value-prop anchor. It is the rare homepage that names the business outcome before the feature list. The line chart underneath (activation nudge, win-back impact) is a smart, restrained proof point.
3. The dark navy footer with the starfield and the integration constellation is genuinely memorable. It earns its visual weight because the integrations are real (Stripe, events API, etc.) and the diagram is functional, not decorative.

Priority issues

### 1. The orange accent fails WCAG AA on every small-text use The brand orange #ff4a00 against the off-white canvas measures 3.37:1 — below the 4.5:1 AA threshold for body text. It is used for the "Get your first email" button label (white on orange, also 3.37:1), the "YOUR AI EMAIL MARKETER" eyebrow, the "Try Mara free" nav link, and the inline "Mara" word inside the hero paragraph. The hero CTA is the single most important conversion surface on the page and it is the lowest-contrast element on it.

### 2. The "No credit card. Cancel anytime. No signup needed." micro-copy is unreadable That reassurance line under the email field is #9a9a9a on white — 2.81:1, well below AA. It is exactly the copy that exists to lower purchase anxiety, so failing contrast here is doubly costly: visitors who need the reassurance most are the ones least likely to read it.

### 3. The pricing page is a wall of text with no visual plan comparison The pricing page renders as a single 4,617 px article column with H2/H3 headings and paragraphs. There is no tier card, no feature matrix, no "what's included" comparison, no FAQ. The visitor mode on this page is Operate (decide whether to buy), and the page treats it as Read. The $99/month number is buried in a paragraph rather than anchored as a price card.

### 4. The "programs" section on the homepage is a feature dump, not a journey Welcome, Activation, Convert, Win back, Billing, Lifecycle, Auth — eight programs listed in a flat grid with the same icon-heading-copy template. The visitor cannot tell which program they should start with, what order to run them in, or how they relate to each other. Compare to a lifecycle diagram that shows the programs as a connected sequence (signup → activation → conversion → retention).

### 5. The footer "integration constellation" is decorative, not informative The starfield diagram with the central Mara icon and surrounding integration logos is visually striking but does not communicate which integrations are supported, what they do, or how to connect them. The same real estate could carry a labeled integration grid (Stripe, Segment, Postmark, etc.) with one-line descriptions.

Contrast evidence

The body text and headline pass AAA comfortably. The accent color fails AA on every small-text use. The first change is to darken the orange to at least #d63d00 (≈4.6:1) for text and outline uses, and reserve the brighter #ff4a00 for the button background only.

Typography

The Instrument Serif / Inter / JetBrains Mono trio is a strong, distinctive voice. The eyebrow labels in JetBrains Mono with 2.4 px letter-spacing are a recognizable signature — keep them. The H1 at 56 px is appropriately large for a serif headline; the H2 at 24 px on the pricing page is too small for a serif display face and reads as body text.

Design tokens

Comparison references

First change to make

Darken the orange accent to #d63d00 for all text and outline uses (eyebrow labels, nav link, inline "Mara" word in the hero paragraph), and reserve the brighter #ff4a00 for the primary button background only. This single change brings every failing contrast pair above AA without altering the brand's orange identity, and it makes the hero CTA — the page's most important element — measurably more legible.