Inside the Localcan website design
Localcan is a technology website built with custom code and Next.js. Its pages are built from features, pricing, FAQ, footer, hero, testimonial card, process, and CTA sections, shown here in full-page captures and a scroll recording. Typography: cascadiaMono Fallback. Palette: #206040, #C0E0C0, #608080.
Put localhost on a stable public URL to test webhooks, OAuth, and payment callbacks, or share a live preview. Flat per-seat pricing, no usage bills. Its visual style is typographic, minimal, and geometric, with navigation bar, hero, and logo strip among its components.
Why we picked it
A dark green terminal-style hero with monospace labels and a glitchy portrait sets a developer mood, while numbered sections (01, 02, 03) pace real app screenshots of webhook logs and share links down the page. Flat per-seat pricing tiers and a team dashboard mockup near the bottom add clarity and trust before the ask.
What to look for
- Features: benefits framed around what the user gets, not internal capability names
- Pricing: two to four plans with a highlighted recommendation
- FAQ: questions written the way customers actually ask them
- Footer: grouped navigation with clear column headings
Questions designers ask
What fonts does Localcan use?
Localcan uses cascadiaMono Fallback, read from the fonts loaded on the captured page.
What is the Localcan website built with?
The Localcan website is built with custom code and Next.js, detected when the page was captured.
What colours does the Localcan website use?
The captured palette includes #206040, #C0E0C0, and #608080.
What sections does the Localcan website have?
The Localcan website includes features, pricing, FAQ, footer, hero, testimonial card, process, and CTA sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use Localcan's design for my own project?
Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises Localcan's typography, colours, and components for your team or an AI tool.
