` element is "www.seoloupe.com" The page title is literally `www.seoloupe.com` — not the brand name, not a value proposition, not a keyword. For an SEO tool, this is a self-inflicted wound: the most important on-page SEO signal is wasted. - **Fix:** Set the title to something like `SeoLoupe — SEO, GEO & AEO Audit Tool That Shows You What to Fix` (which is already visible as the H1). ### 5. The page is 9,021px tall — too much stacked vertically The full-page capture ran to 9,021px before truncation. The desktop viewport is 1,000px tall, so a visitor scrolls through roughly 9 full screens before reaching the footer. Sections stack: hero → trusted-by → features → how-it-works → pricing → comparison → FAQ → blog → footer. Each section is competent, but the cumulative length creates fatigue and dilutes the conversion path. - **Fix:** Consider collapsing the comparison table into the pricing section, or moving the blog teasers to a separate route. The hero-to-pricing path should be reachable in 3–4 scrolls. ### 6. Vibe-coded default audit | Pattern | Where it appears | Verdict | |---|---|---| | Times New Roman body font | All paragraphs, lists, secondary text | **Generic/default** — browser fallback, not a design choice | | Trebuchet MS stat numbers | "100+", "10K+", "1M+" in the stats row | **Generic/default** — fallback face, not loaded intentionally | | Arial Rounded MT Bold category badges | Colored category pills (SEO, GEO, AEO, etc.) | **Generic/default** — fallback face | | 3-column icon-heading-copy feature grid | Features section | **Neutral** — standard SaaS pattern, executed cleanly | | 3-tier pricing cards | Pricing section | **Neutral** — standard, but the tier label contrast (#adadab) is too light | | "Trusted by [logos]" row | Below hero | **Earned** — appropriate social proof for a B2B tool | | FAQ accordion | FAQ section | **Neutral** — standard, no visible state coverage | | Comparison table | Compare section | **Neutral** — standard, but adds to page length | The typography stack is the dominant default-pattern problem. Fixing the font loading alone would remove three of the six generic occurrences. ## Color system ## Colors - `#f9f9f9` - `#ffffff` - `#302f31` - `#7a7977` - `#2da157` - `#1f9c75` - `#e1f5ee` - `#e7e7e7` - **Canvas:** #f9f9f9 (body background) - **Surface:** #ffffff (cards) - **Ink:** #302f31 (headings, primary text) - **Muted:** #7a7977 (secondary text — currently fails AA) - **Accent:** #2da157 (primary CTA, stats) - **Accent-foreground:** #ffffff (on green buttons) - **Accent tint:** #e1f5ee (hero highlight backdrop) - **Border:** #e7e7e7 (card edges, dividers) ## Typography ## Typography used on seoloupe.com - **Times New Roman** - **Trebuchet MS** - **Arial Rounded MT Bold** - **Font Awesome 6 Free** - **Font Awesome 6 Brands** The page-private fonts (Times New Roman, Trebuchet MS, Arial Rounded MT Bold) are all browser fallbacks — no custom typeface is loaded. This is the root cause of the generic feel. ## Design values ```fudge-values {"title":"Useful design values","values":[{"category":"Spacing","label":"Card gap","value":"24px"},{"category":"Radius","label":"Card radius","value":"15px"},{"category":"Radius","label":"Primary CTA radius","value":"10px"},{"category":"Radius","label":"Category pill radius","value":"11px"},{"category":"Type scale","label":"H1","value":"70px / 700"},{"category":"Type scale","label":"H2","value":"39px / 700"},{"category":"Type scale","label":"Body","value":"16px / 400"},{"category":"Shadow","label":"Card elevation","value":"0 10px 25px rgba(0,0,0,0.07) + 0 2px 6px rgba(0,0,0,0.04)"},{"category":"Color","label":"Primary accent","value":"#2da157"}]} ``` ## First change to make **Load a proper sans-serif typeface and set it as the body font.** This single fix removes the Times New Roman default, unifies the typographic system, and immediately shifts the page from "unfinished template" to "intentional product." It also lets you tighten the secondary text contrast (currently failing AA) without changing the visual hierarchy, because a well-designed sans-serif at 16px reads cleanly at #595959 where Times New Roman at the same size would feel heavy. One question that would change the ranking: **Who is the primary visitor — a marketer evaluating tools, or a developer running technical audits?** The current page leans toward the marketer (soft shadows, rounded cards, email-first CTA), but the "Compare vs Ahrefs/Semrush/Ubersuggest" blog cluster suggests you're also courting technical buyers. If the latter, the Times New Roman body and soft card aesthetic actively work against you.

# Give me comprehensive website feedback for https://www.seolou… [Open the live Fudge conversation](https://design.withfudge.com/share/3k1km5427k/give_me_comprehensive_website_feedback_for_https_www_seolou/) Last updated: 2026-08-03 # SeoLoupe — Comprehensive Website Feedback **Surface:** SEO/GEO/AEO audit tool landing page (Persuade mode) **Strongest choice:** A distinctive green accent (#2da157) on a near-white canvas, with soft layered shadows that give cards real depth without feeling heavy. ![SeoLoupe homepage — desktop full page](https://api.withfudge.com/v1/shares/20bd245e-ea34-4c7a-aeae-659b19d4ff5e/attachments/fe234d388a099498072f93f5/1.jpg) ## What's working - **Clear hierarchy.** The 70px H1 with a green-highlighted span ("See exactly what's holding your site back") lands the value proposition in one glance. The 19.5px subhead in muted gray (#7a7977) reads as supporting copy without competing. - **Distinctive accent.** #2da157 is a confident, slightly desaturated green that reads as "growth/audit" without falling into the generic SaaS blue trap. It carries through the primary CTA, stat numbers, and category icons consistently. - **Soft elevation system.** Cards use a two-layer shadow (`rgba(0,0,0,0.07) 0 10px 25px` + `rgba(0,0,0,0.04) 0 2px 6px`) that feels modern and calm — not the heavy offset shadows of neobrutalism or the flat zero-depth of older SaaS templates. - **Card geometry.** Consistent 15–16px radius on feature/pricing cards, 11px on category pills, 10px on the primary CTA. The shape language is coherent. - **Email-first CTA.** The hero CTA is an email input + green button, which lowers friction for a tool that promises a free audit. ## Priority issues (impact order) ### 1. The body font is Times New Roman — a critical default-font failure The `` and `` computed font-family is `Times New Roman`. Every paragraph, list item, and secondary text block renders in a browser-default serif. This is the single most damaging thing on the page: it signals "unfinished template" to anyone who lands here, and it directly contradicts the product's positioning as a modern, technical SEO tool. - **Why it matters:** A visitor evaluating whether to trust an audit tool with their site's technical health will read the typography as a proxy for craft. Times New Roman says "I didn't finish the CSS." - **Fix:** Load a proper sans-serif (Inter, Geist, or similar) at the body level. The display headings already use a sans-serif stack — unify the system. ### 2. Multiple font fallbacks suggest no custom typeface is loaded Beyond Times New Roman, the page falls back to `Trebuchet MS` for the big stat numbers ("100+", "10K+", "1M+") and `Arial Rounded MT Bold` for the category badges. These are not chosen faces — they're what the browser reaches when the intended font fails to load. The result is a typographic system that looks assembled from accidents rather than designed. - **Fix:** Define one or two families (a geometric sans for body/UI, optionally a display face for stats) and load them properly. Remove the Trebuchet/Arial Rounded fallbacks from the stat and badge styles. ### 3. Multiple WCAG AA contrast failures on secondary text The page uses three muted gray tones for supporting copy, and two of them fail AA for body text: | Element | Foreground | Background | Size / weight | WCAG | AA | AAA | APCA | |---|---|---|---|---|---|---|---| | Hero subhead | #7a7977 | #f9f9f9 | 19.5px / 600 | 4.13 | ✗ | ✗ | 66.6 | | "Trusted by" row | #949292 | #f9f9f9 | 14px / 700 | 2.94 | ✗ | ✗ | 54.3 | | Card body copy | #7a7977 | #ffffff | 13.5px / 700 | 4.35 | ✗ | ✗ | 70.2 | | Pricing tier label | #adadab | #ffffff | 34px / 700 | 2.25 | ✗ | ✗ | 44.3 | | Hero green highlight | #1f9c75 | #e1f5ee | 70px / 700 | 3.05 | ✓ (large only) | ✗ | 53.0 | | Stat numbers | #2da157 | #ffffff | 42px / 700 | 3.31 | ✓ (large only) | ✗ | 60.1 | | Body text (retained) | #000000 | #f9f9f9 | 16px / 400 | 19.95 | ✓ | ✓ | 102.5 | The #adadab pricing tier label at 2.25:1 is the worst — it fails AA even for large text. The #949292 "trusted by" row at 2.94:1 fails AA for small text. - **Fix:** Darken secondary text to at least #595959 (≈7:1 on white) for body copy, and #6b6b6b (≈5:1) for the lightest supporting labels. Keep the green accent for emphasis only. ### 4. The `` element is "www.seoloupe.com" The page title is literally `www.seoloupe.com` — not the brand name, not a value proposition, not a keyword. For an SEO tool, this is a self-inflicted wound: the most important on-page SEO signal is wasted. - **Fix:** Set the title to something like `SeoLoupe — SEO, GEO & AEO Audit Tool That Shows You What to Fix` (which is already visible as the H1). ### 5. The page is 9,021px tall — too much stacked vertically The full-page capture ran to 9,021px before truncation. The desktop viewport is 1,000px tall, so a visitor scrolls through roughly 9 full screens before reaching the footer. Sections stack: hero → trusted-by → features → how-it-works → pricing → comparison → FAQ → blog → footer. Each section is competent, but the cumulative length creates fatigue and dilutes the conversion path. - **Fix:** Consider collapsing the comparison table into the pricing section, or moving the blog teasers to a separate route. The hero-to-pricing path should be reachable in 3–4 scrolls. ### 6. Vibe-coded default audit | Pattern | Where it appears | Verdict | |---|---|---| | Times New Roman body font | All paragraphs, lists, secondary text | **Generic/default** — browser fallback, not a design choice | | Trebuchet MS stat numbers | "100+", "10K+", "1M+" in the stats row | **Generic/default** — fallback face, not loaded intentionally | | Arial Rounded MT Bold category badges | Colored category pills (SEO, GEO, AEO, etc.) | **Generic/default** — fallback face | | 3-column icon-heading-copy feature grid | Features section | **Neutral** — standard SaaS pattern, executed cleanly | | 3-tier pricing cards | Pricing section | **Neutral** — standard, but the tier label contrast (#adadab) is too light | | "Trusted by [logos]" row | Below hero | **Earned** — appropriate social proof for a B2B tool | | FAQ accordion | FAQ section | **Neutral** — standard, no visible state coverage | | Comparison table | Compare section | **Neutral** — standard, but adds to page length | The typography stack is the dominant default-pattern problem. Fixing the font loading alone would remove three of the six generic occurrences. ## Color system ## Colors - `#f9f9f9` - `#ffffff` - `#302f31` - `#7a7977` - `#2da157` - `#1f9c75` - `#e1f5ee` - `#e7e7e7` - **Canvas:** #f9f9f9 (body background) - **Surface:** #ffffff (cards) - **Ink:** #302f31 (headings, primary text) - **Muted:** #7a7977 (secondary text — currently fails AA) - **Accent:** #2da157 (primary CTA, stats) - **Accent-foreground:** #ffffff (on green buttons) - **Accent tint:** #e1f5ee (hero highlight backdrop) - **Border:** #e7e7e7 (card edges, dividers) ## Typography ## Typography used on seoloupe.com - **Times New Roman** - **Trebuchet MS** - **Arial Rounded MT Bold** - **Font Awesome 6 Free** - **Font Awesome 6 Brands** The page-private fonts (Times New Roman, Trebuchet MS, Arial Rounded MT Bold) are all browser fallbacks — no custom typeface is loaded. This is the root cause of the generic feel. ## Design values ```fudge-values {"title":"Useful design values","values":[{"category":"Spacing","label":"Card gap","value":"24px"},{"category":"Radius","label":"Card radius","value":"15px"},{"category":"Radius","label":"Primary CTA radius","value":"10px"},{"category":"Radius","label":"Category pill radius","value":"11px"},{"category":"Type scale","label":"H1","value":"70px / 700"},{"category":"Type scale","label":"H2","value":"39px / 700"},{"category":"Type scale","label":"Body","value":"16px / 400"},{"category":"Shadow","label":"Card elevation","value":"0 10px 25px rgba(0,0,0,0.07) + 0 2px 6px rgba(0,0,0,0.04)"},{"category":"Color","label":"Primary accent","value":"#2da157"}]} ``` ## First change to make **Load a proper sans-serif typeface and set it as the body font.** This single fix removes the Times New Roman default, unifies the typographic system, and immediately shifts the page from "unfinished template" to "intentional product." It also lets you tighten the secondary text contrast (currently failing AA) without changing the visual hierarchy, because a well-designed sans-serif at 16px reads cleanly at #595959 where Times New Roman at the same size would feel heavy. One question that would change the ranking: **Who is the primary visitor — a marketer evaluating tools, or a developer running technical audits?** The current page leans toward the marketer (soft shadows, rounded cards, email-first CTA), but the "Compare vs Ahrefs/Semrush/Ubersuggest" blog cluster suggests you're also courting technical buyers. If the latter, the Times New Roman body and soft card aesthetic actively work against you.