usenotra.com/

Usenotra

usenotra.com/

Notra is a Generative Engine Optimization platform: it asks ChatGPT, Claude, Gemini and Perplexity the questions a company's buyers might ask, then reports whether the company comes up, who comes up instead, and what content gap explains the difference. The homepage leads with live-looking data tables showing mention rates (numbers like 21% to 71% by engine) and share of voice across 312 monitored answers rather than a features list. It explicitly positions against rival tools by name in a logo row (Profound, Peec AI, The Prompting Company), a direct competitor callout that's unusual for a homepage hero. Pricing starts at $1,000/year for 2,000 tracked AI answers a month, and it lists developer surface area (CLI, SDK, MCP server) alongside the marketing pitch.

Category

Style

Stack

Fonts

satoshiInter

Palette

Meta title

Notra. Ship more. Write less. Reach more. - Notra

Sections

Updated

Oct 10, 2026

Usenotra's landing page, section by section

Each section below is cropped straight from Usenotra's live page — useful references for marketing landing page design.

Usenotra design review: how the homepage is built

Notra's homepage runs about 8,295 pixels on desktop. The page brands itself as Notra, while the catalog lists it as Usenotra. It moves from a hero with a lavender field and product mockup through a logo strip, testimonials, a four-card feature grid, pricing and a question list to a closing band and a tall footer. The palette is pale lavender (#ddcefa) with saturated purple (#aa88f8) for emphasis words and buttons. Display type is satoshi, text is set in Inter, and the stack reads as Next.js with Tailwind CSS. A halftone dot texture repeats behind the hero, the highlighted pricing card and the closing band.

Above the fold

Above the fold, a nav row holds "Products", "Resources" and "Pricing", with "Sign In" and "Sign Up" at the right. The headline "Turn what you shipped into what you publish." sets "shipped" and "publish" in purple above the subhead. A purple "Start for free" button and a white "Book a Call" button follow, with a "Company Profile" card for "Acme Robotics" below.

Logo strip, testimonial and feature grid

A line reads "Fast-moving teams trust Notra to tell their story" above four grey wordmarks, including INTH and Emdash. A centred quote from Will De Ath, Head of Growth at Inth, follows. The block headed "Everything above runs without you." holds four cards: "On-brand by default", "Event Automations", "Assets on autopilot" and "Publish from anywhere you work", each with a UI fragment.

Testimonials, pricing and questions

The heading "Shipping, without the busywork." sits over a featured testimonial and two smaller quote cards. Under "Simple pricing that scales with what you ship.", a Monthly and Yearly toggle leads three columns: Basic at $200 yearly, a highlighted purple Pro at $500 yearly with "Get Started", and Enterprise with "Contact Us". The FAQ ends with "What kind of content does Notra generate?" expanded.

Closing band and footer

The lavender closing band reads "Stop shipping in silence" above "Connect your repo and turn this week's commits into a publish-ready changelog, in your brand's voice." with "Start for free" and "Book a Call" beneath. The footer carries the feather mark and "Turn shipped work into social updates in your voice." beside seven link groups, from Product to Free Tools.

On mobile

At 390px the headline runs over four lines, and the two buttons stack one above the other. The product mockup drops below and crops at the screen edge. Feature cards and testimonials become single-column stacks. Pricing reorders so Pro sits first, above Basic and Enterprise, with "Get Started" beneath its price. The footer link groups run as one list.

Worth borrowing

Purple emphasis on two verbs in the headline turns the value statement into the first phrase a reader sees.
Pricing pairs a monthly and yearly toggle with a highlighted middle tier, so the recommended plan stands out from the others.
Mobile moves the highlighted Pro plan to the top of the pricing column, where desktop places it in the middle.