# give me comprehensive website feedback for https://seoreceipt…

[Open the live Fudge conversation](https://design.withfudge.com/share/1ctaoisvsp/give_me_comprehensive_website_feedback_for_https_seoreceipt/)

Last updated: 2026-07-31

The live-page inspection for seoreceipts.com returned an error ("live-page details exceeded the inspection limit") on both desktop and mobile full-page attempts, so I cannot show you the actual target page. Let me try a viewport-only inspection to at least see the first fold.

# SEO Receipts — comprehensive website feedback

**Surface:** Landing page for an SEO audit tool that sells "verified organic traffic, straight from Google." Visitor mode is **Persuade** — the page must convince a marketer or founder to paste a URL and run a free audit.

**Strongest choice:** The page commits to a neobrutalist "receipt" aesthetic — hard offset shadows, dashed dividers, Courier Prime labels, and a cream/near-black/green palette — that is genuinely product-specific. It does not look like a generic SaaS landing page.

![SEO Receipts desktop first fold](https://api.withfudge.com/v1/shares/36ea671b-72f2-4885-822e-26cda01ecd77/attachments/1.jpg)

![SEO Receipts mobile first fold](https://api.withfudge.com/v1/shares/36ea671b-72f2-4885-822e-26cda01ecd77/attachments/2.jpg)

## What works

1. **Typography pairing is product-specific.** Anybody (display, 800 weight, tight negative tracking) + Chivo (body) + Courier Prime (labels, eyebrows, table cells) reads as "receipt printer meets editorial." The Courier Prime eyebrows like "FREE — NO SIGNUP" and the 60px Courier Prime stat ("$0.00") reinforce the receipt metaphor without becoming a costume.
2. **Color system is restrained and purposeful.** Cream canvas, near-black ink, a single green accent (#017943), and a yellow highlight (#f7d970). No decorative gradients, no glassmorphism, no ambient glow.
3. **Hard offset shadows are earned.** The 4–10px solid-offset shadows (no blur) on cards, buttons, and the article panel give the page a tactile, "physical receipt" feel that matches the product promise of verifiable proof.

## Prioritized issues

1. **Heavy text transparency makes contrast indeterminate.** Every text element on the page uses an alpha-blended color (0.5–0.9 alpha on near-black or near-white). The structured inspection returned `foreground_transparency` for all eight contrast candidates, meaning no deterministic WCAG or APCA ratio can be calculated. This is a real accessibility risk — the hero subtitle at 0.8 alpha white on dark, the section eyebrows at 0.55 alpha, and the table dt labels at 0.5 alpha are all borderline. **Concrete change:** set body and label text to fully opaque colors (alpha 1.0) and reserve transparency for decorative elements only. Then re-measure.
2. **The hero is split into two competing focal points.** The left column has the h1, subtitle, two CTA buttons, and an audit form. The right column has an article card with a 60px stat and an SVG chart. Both compete for the eye in the first fold. **Concrete change:** make the audit form the single primary action — move the article card below the fold or reduce it to a single supporting line ("Trusted by 12,000 sites").
3. **Desktop margins are extreme (144px on the header container).** On a 1440px viewport, this pushes content into a narrow center column and leaves large empty rails. On the mobile viewport the same content reflows tightly, which suggests the desktop gutter is not deliberate. **Concrete change:** reduce desktop side margins to 48–64px and let the hero breathe.
4. **Dashed borders appear in three different contexts** (form top, section dividers, figcaption underline). The dashed line is a strong motif, but using it for both structural dividers and decorative underlines dilutes its meaning. **Concrete change:** reserve dashed borders for the "receipt edge" treatment (form, card outlines) and use solid 1px hairlines for section dividers.
5. **The audit form sits below two CTA buttons.** Visitors see "Start free audit" and "See sample report" before reaching the actual input field. **Concrete change:** remove the secondary button or move the form above the CTAs so the input is the first interactive element.

## Product-specificity and default-pattern audit

| Pattern | Verdict | Evidence |
|---|---|---|
| Neobrutalist hard offset shadows | **Earned** | 4–10px solid-offset shadows on cards, buttons, article panel — fits the "physical receipt" brand voice |
| Courier Prime monospace eyebrows | **Earned** | "FREE — NO SIGNUP", "RECEIPT", stat values — reinforces the receipt metaphor functionally |
| Anybody display font | **Earned** | Distinctive 800-weight display with tight negative tracking — not a generic system face |
| Dashed borders | **Earned but overused** | Appears on form, section dividers, and figcaption — see issue #4 |
| Glassmorphism / blur | **Absent** | No backdrop-filter or translucent surfaces — good |
| Gradient text | **Absent** | No background-clip:text — good |
| Ambient glow | **Absent** | No box-shadow with blur > 0 — good |
| Pill overuse | **Absent** | Buttons use 8px radius, not full pills — good |
| Repetitive card scaffolding | **Absent** | Only one article card on the hero — good |
| Decorative eyebrow labels | **Absent** | Courier Prime labels carry real content, not decoration — good |
| Generic entrance motion | **Not visible** | No animation evidence in structured details — good |

## Contrast table

All eight retained text/backdrop pairs returned `foreground_transparency` because the page uses alpha-blended text colors throughout. No deterministic WCAG or APCA ratio can be calculated until those colors are made fully opaque.

| Element | Foreground | Background | Size / weight | WCAG | AA | AAA | APCA | Status |
|---|---|---|---|---|---|---|---|---|
| Body text (retained context) | — | — | — | — | — | — | — | not_resolved (body_context_unavailable_or_transparent) |
| Hero subtitle (`contrast-0001`) | rgb(246,252,247) @ 0.9 | dark hero | 10px / 700 | — | — | — | — | not_resolved (foreground_transparency) |
| Hero body paragraph (`contrast-0002`) | rgb(246,252,247) @ 0.8 | dark hero | 20px / 400 | — | — | — | — | not_resolved (foreground_transparency) |
| Hero eyebrow (`contrast-0003`) | rgb(246,252,247) @ 0.65 | dark hero | 10px / 700 | — | — | — | — | not_resolved (foreground_transparency) |
| Section eyebrow (`contrast-0004`) | rgb(31,23,12) @ 0.55 | cream canvas | 10px / 700 | — | — | — | — | not_resolved (foreground_transparency) |
| Section body (`contrast-0005`) | rgb(31,23,12) @ 0.55 | cream canvas | 10px / 700 | — | — | — | — | not_resolved (foreground_transparency) |
| Table dt label (`contrast-0006`) | rgb(31,23,12) @ 0.5 | cream canvas | 9px / 700 | — | — | — | — | not_resolved (foreground_transparency) |
| Table dt label (`contrast-0007`) | rgb(31,23,12) @ 0.5 | cream canvas | 9px / 700 | — | — | — | — | not_resolved (foreground_transparency) |
| Table dt label (`contrast-0008`) | rgb(31,23,12) @ 0.5 | cream canvas | 9px / 700 | — | — | — | — | not_resolved (foreground_transparency) |

**Highest-impact failure:** The 9px table labels at 0.5 alpha on cream are the most likely to fail WCAG AA (4.5:1 for normal text). These need to be either made fully opaque or increased to at least 12px with a darker color.

## Exact palette

## Colors

- `#f6f6ee`
- `#1f170c`
- `#017943`
- `#f7d970`
- `#4b9a73`
- `#c5dbca`
- `#c9302d`

## Typography

## Typography used on seoreceipts.com

- **Anybody-normal-100-900**
- **Chivo-normal-100-900**
- **Courier Prime-normal-700-700**
- **Courier Prime-normal-400-400**

## Design values

```fudge-values
{"title":"Useful design values","values":[{"category":"Type scale","label":"H1 display","value":"73.6px / 1.05 line-height / -3.3px tracking"},{"category":"Type scale","label":"H2 section","value":"48px / 1.0 line-height / -2.16px tracking"},{"category":"Type scale","label":"Body","value":"14–20px / 1.5 line-height"},{"category":"Type scale","label":"Eyebrow / label","value":"9–11px Courier Prime 700"},{"category":"Radius","label":"Button / input","value":"8px"},{"category":"Radius","label":"Logo / badge","value":"10px"},{"category":"Shadow","label":"Card offset","value":"4px 4px 0 #1f170c (hard, no blur)"},{"category":"Shadow","label":"Article panel","value":"5px 5px 0 #1f170c @ 0.68"},{"category":"Shadow","label":"Hero CTA","value":"7px 7px 0 #1f170c"},{"category":"Spacing","label":"Header side margin (desktop)","value":"144px"},{"category":"Spacing","label":"Header padding","value":"0 24px"},{"category":"Border","label":"Section divider","value":"0 0 2px dashed #1f170c @ 0.8"},{"category":"Border","label":"Form top","value":"2px 0 0 dashed #f6f6ee @ 0.3"}]}
```

## Full-site references

## Captured pages

[![CrowdReply: The #1 AI Search Visibility Tool](https://pin.fontofweb.com/8150?format=jpg)](https://design.withfudge.com/share/pin-8150)

[CrowdReply: The #1 AI Search Visibility Tool](https://design.withfudge.com/share/pin-8150)

[![Free LLMs.txt Generator Online - AI SEO Tool - LLMrefs](https://pin.fontofweb.com/6279?format=jpg)](https://design.withfudge.com/share/pin-6279)

[Free LLMs.txt Generator Online - AI SEO Tool - LLMrefs](https://design.withfudge.com/share/pin-6279)

[![Ahrefs—AI Marketing Platform Powered by Big Data](https://pin.fontofweb.com/7047?format=jpg)](https://design.withfudge.com/share/pin-7047)

[Ahrefs—AI Marketing Platform Powered by Big Data](https://design.withfudge.com/share/pin-7047)

[![AI SDK](https://pin.fontofweb.com/8395?format=jpg)](https://design.withfudge.com/share/pin-8395)

[AI SDK](https://design.withfudge.com/share/pin-8395)

## First change

Make all text colors fully opaque (alpha 1.0) and re-measure contrast. This is the single change that unlocks both accessibility compliance and a cleaner visual hierarchy — the current alpha-blended text is the root cause of the indeterminate contrast table and likely contributes to the busy, low-confidence feel of the section eyebrows and table labels.