Sauce Labs

About Sauce Labs

A cross-browser and mobile testing platform. Fits QA platforms, dev infra tools, automated-testing SaaS, and CI-tooling website designs.

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

Design tokens

24 colors · 13 type styles

Green (#3ddc91) primary on a pure white (#ffffff) canvas, set in AeonikFono for headlines and Aeonik for body text. The highlights below are read from the Sauce Labs DESIGN.md in the Pass bundle, which carries all 24 color tokens, 13 type styles and the full component rules.

Colors

Primarygreen#3ddc91
Secondaryvivid amber#ffcd48
Canvaspure white#ffffff
Inkcool near-black#132322

Type

AeonikFonoDisplayweight 500, 32 to 64px
AeonikBodyweights 400, 500, 600, 14 to 18px

Radius

none 0px
sm 8px
md 16px
lg 20px
xl 32px
pill 56px
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 green (#3ddc91) and carry cool near-black (#132322) text, set in AeonikFono 16px at weight 500, with 32px corners and 6px 16px padding.
Cardpricing-card
Cards sit on pure white (#ffffff), with 16px corners and 32px padding.
Navigationtop-nav
The top navigation runs on pure white (#ffffff) with cool near-black (#132322) links, set in Aeonik 16px at weight 500, in a 72px bar.

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