Basedash

About Basedash

An AI-native business intelligence platform. Fits BI SaaS, AI analytics tools, dashboard-builder apps, and data-platform landing page designs.

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

Design tokens

20 colors · 10 type styles

Pure white (#ffffff) primary on a pure black (#000000) canvas, set in Alpha Lyrae for headlines and Inter for body text. The highlights below are read from the Basedash DESIGN.md in the Pass bundle, which carries all 20 color tokens, 10 type styles and the full component rules.

Colors

Primarypure white#ffffff
Secondaryvivid indigo#6373ff
Canvaspure black#000000
Surfacenear-black#161616
Inkpure white#ffffff

Type

Alpha LyraeDisplayweight 600, 48px
InterBodyweights 500, 600, 14 to 18px
ui-monospaceMonoweight 500, 12px

Radius

xs 2px
sm 6px
md 12px
lg 14px
xl 16px
full 9999px

Spacing

xxs 4px
xs 8px
sm 12px
md 16px
lg 24px
xl 32px
xxl 48px
section 96px

Components

Primary buttonbutton-primary
Primary buttons fill with pure white (#ffffff) and carry pure black (#000000) text, set in Inter 14px at weight 600, with 12px corners and 8px 20px padding.
Cardfeature-card
Cards sit on pure black (#000000), with 16px corners and 24px padding.
Navigationnav-bar
The top navigation runs on pure black (#000000) with mid gray (#b2b2b2) links, set in Inter 14px at weight 500.

Three ways to ship a Basedash-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.