Wope

About Wope

A rank tracking platform for modern SEO. Fits SEO tools, marketing analytics, search-data SaaS, and growth-platform landing page designs.

Request a DESIGN.md analysisCustom, made for Wope Website Starter KitBuild your site from a starter template

Design tokens

12 colors · 14 type styles

Vivid indigo (#713dff) primary on a cool near-black (#0a0118) canvas, set in Rebond Grotesque for headlines and Inter for body text. The highlights below are read from the Wope DESIGN.md in the Pass bundle, which carries all 12 color tokens, 14 type styles and the full component rules.

Colors

Primaryvivid indigo#713dff
Canvascool near-black#0a0118
Surfacecool near-black#1c1827
Inkpure white#ffffff

Type

Rebond GrotesqueDisplayweight 700, 20 to 72px
InterBodyweights 400, 500, 14 to 20px

Radius

none 0px
sm 10px
md 12px
lg 16px
pill-tight 99px
full 999px

Spacing

hairline 1px
xxxs 2px
xxs 4px
xs 8px
sm 12px
md 16px
lg 24px
xl 32px
xxl 48px
section 64px

Components

Primary buttonbutton-primary
Primary buttons fill with vivid indigo (#713dff) and carry pure white (#ffffff) text, set in Inter 14px at weight 500, with pill corners (99px) and 8px 16px padding.
Cardfeature-card
Cards sit flat on the canvas, with 16px corners and 24px padding.
Navigationnav-bar
The top navigation runs on cool near-black (#0a0118) with pure white (#ffffff) links, set in Inter 14px at weight 400.

Three ways to ship a Wope-style UI.

Use in your AI builder, no-code tool, or CMS

Lovablev0BoltFramerWebflowWordPressWixSquarespace CanvaGoDaddy

Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.