Can you give me feedback on https://getnodl.app? Find lots of…

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

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.