# Can you give me feedback on https://getnodl.app? Find lots of… [Open the live Fudge conversation](https://design.withfudge.com/share/42flgdkal1/can_you_give_me_feedback_on_https_getnodl_app_find_lots_of/) Last updated: 2026-07-30 I'll inspect your site and find similar full websites to compare against. Let me start by looking at getnodl.app and searching for comparable designs from a few angles. Let me load the actual getnodl.app screenshot and pull its structured details so I can give specific feedback. Here's what I found comparing getnodl.app to similar full-page sites, and what I'd change. ## What works The dark, technical aesthetic fits the audience (IT consultants, architects, engineering leads). Satoshi is a strong single-family choice. The headline "Stop explaining your system — Show it." is punchy and the node-graph illustration is on-brand for a system-mapping tool. The accent palette (green + indigo + orange + sky) gives you room to encode meaning without adding new hues. ## What to change **1. Hero illustration is undersized.** The node graph sits at roughly 40% of the right column and floats in a lot of empty space. Eagle, Raycast, Cosmos, and Umbrel all give their hero product imagery significantly more visual weight — it should feel like the second half of the headline, not a sidebar widget. Scale the illustration up so it anchors the right side, or let it bleed closer to the viewport edge. **2. Your two CTAs have inverted hierarchy.** "Try the live demo" is the higher-intent action (live product > free signup), but it's rendered as a green outline while "Get started free" is a white outline at the same size and shape. Fill the primary CTA with green and demote the secondary to a text link or a quieter ghost button. Right now they read as equals. **3. The eyebrow is too faint.** "FOR IT CONSULTANTS, ARCHITECTS & ENGINEERING LEADS" is set at 10px / 30% opacity. On a dark background that's near-invisible. Bump to 11–12px and 50–60% opacity, or use the indigo accent (#818CF8) at full opacity. The audience signal is doing real work — don't hide it. **4. "Get started free" appears twice.** Once in the nav (filled green pill) and once in the hero (outlined). Pick one. The nav button is the conventional pattern; the hero CTA should be "Try the live demo" as the primary action. **5. The page is sparse above the fold.** Every comparable site (Eagle, Raycast, Umbrel, Cosmos) puts a social-proof strip directly under the hero — a row of client logos, a "Trusted by 2,000+ teams" line, or a single stat. You have none. Add a thin, low-contrast logo strip or a one-line credibility claim before the next section. **6. The illustration is static.** A node graph is the one element on the page that begs for motion — pulsing nodes, animated connection lines, or a subtle parallax on scroll. Even a 2–3 second loop on the central node would draw the eye and reinforce "living canvas" from the subhead. **7. Headline could go larger.** 44px is conservative for a hero. Raycast, Eagle, and Cosmos all run 56–72px display sizes with the same Satoshi/Inter-class sans. Push to 56–60px and tighten the letter-spacing to -1.5px to match the weight of the claim. **8. Side margins are too generous.** The nav uses 144px outer margins and the hero content sits at ~168px from the left. On a 1440px viewport that pushes content into a narrow column. Tighten to 96–120px to let the headline breathe without floating in dead space. **9. Card borders are nearly invisible.** Your white-at-4%-opacity borders read as ghost edges. Bump to 8–12% on the feature cards and 6–8% on the nav separator. The current treatment makes the cards feel like they aren't really there. **10. The green is very saturated.** #00E676 is a Material Design "bright green" — it pops but fatigues on long pages. Consider #22C55E or #16A34A for the primary accent and reserve the brighter green for the "live/active" status indicators only. ## References I compared against ## Captured pages [![Eagle - Organize design files has never been easier](https://pin.fontofweb.com/3698?format=jpg)](https://design.withfudge.com/share/pin-3698) [Eagle - Organize design files has never been easier](https://design.withfudge.com/share/pin-3698) [![Raycast - Your shortcut to everything](https://pin.fontofweb.com/4673?format=jpg)](https://design.withfudge.com/share/pin-4673) [Raycast - Your shortcut to everything](https://design.withfudge.com/share/pin-4673) [![umbrelOS - An elegant OS for your home server](https://pin.fontofweb.com/8091?format=jpg)](https://design.withfudge.com/share/pin-8091) [umbrelOS - An elegant OS for your home server](https://design.withfudge.com/share/pin-8091) [![Cosmos](https://pin.fontofweb.com/711?format=jpg)](https://design.withfudge.com/share/pin-711) [Cosmos](https://design.withfudge.com/share/pin-711) [![Athas Industries - A lightweight code editor](https://pin.fontofweb.com/5499?format=jpg)](https://design.withfudge.com/share/pin-5499) [Athas Industries - A lightweight code editor](https://design.withfudge.com/share/pin-5499) [![Plasticity](https://pin.fontofweb.com/3464?format=jpg)](https://design.withfudge.com/share/pin-3464) [Plasticity](https://design.withfudge.com/share/pin-3464) ## Your current hero The biggest single win is fixing the CTA hierarchy and scaling up the illustration — those two changes alone will make the hero feel like a product page instead of a placeholder.