A cross-browser and mobile testing platform. Fits QA platforms, dev infra tools, automated-testing SaaS, and CI-tooling website designs.
Screenshots of 5 pages from saucelabs.com: homepage, products, solutions, pricing and blog.
Design tokens
24 colors · 13 type stylesGreen (#3ddc91) primary on a pure white (#ffffff) canvas, set in AeonikFono for headlines and Aeonik for body text. These values are read from the Sauce Labs DESIGN.md in the Pass bundle, which carries all 24 color tokens, 13 type styles, the radius and spacing scales and the full component rules.
Three ways to ship a Sauce Labs-style UI.
Use in your AI builder, no-code tool, or CMS
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.
Not affiliated with Sauce Labs. All trademarks belong to their respective owners.
About Sauce Labs
Home page hero
The home page is a pale mint with a monospaced typeface throughout, so the whole site reads like a developer tool. A thin nav has a green bolt logo and the wordmark at the left, five items (products, solutions, pricing, developers and resources, with double-chevron dropdowns), a sign-in link, an outlined request-a-demo pill, a mint try-it-free pill and a search icon at the right. The headline is "Website and mobile testing at every stage of development," in which two words are marked up like highlighted text: testing on a yellow block and development on a coral block. A short paragraph says to test on thousands of different device, browser and OS configurations anywhere, any time. A mint try-it-free pill and an outlined request-a-demo pill follow. On the right, an isometric illustration shows a looping road with a traffic light, keyboard, laptop, phone and coffee cups, with a green bolt-shaped base. Below, four large figures sit between green brackets: 217 percent return on investment, under six months payback, 6.8 million dollars net present value and up to 90 percent developer and QA time savings.
Customers and closing banner
A darker mint band, "Trusted by industry leaders," starts the proof. A section, "Why our customers love Sauce Labs," has a carousel card in bright green with a very large logo of a media company at the left and a heading, "accelerates millions of tests monthly," a short summary and a read-case-study pill at the right, with a lighter second card peeking in from the edge. A warm yellow banner with diagonal bands says "Deliver quality software continuously" with a start-testing-in-minutes line, a black sign-up pill and an outlined request-a-demo pill. The footer is near-black with a green logo, five columns (products, global tools, set up and integrate, resources and company) and a decorative green pixel character at the left edge.
Products page
The toolchain page starts with a breadcrumb and a small tag, then a green hero. The headline, "The unified platform for automated testing and error monitoring," is set in the same monospaced face, with a line about spending less time finding and fixing bugs and more time on user experiences, and a black get-started-free pill with an outlined request-a-demo pill. The right side shows an isometric stack of round domes and rings surrounded by six circular icons. Below, a white section, "The Sauce Test Toolchain," says it covers developing, testing and delivering web and mobile apps at enterprise scale, over a row of cards for cross-browser, mobile and orchestration products, each with a green icon and a one-line description.
Pricing page
The pricing page is white with a breadcrumb and a small plans tag. A heading, "Continuous Testing Cloud," sits at the left and an annual or monthly toggle at the right. Three tall cards sit side by side: live testing, virtual cloud and real device cloud. Each has a green line icon, a short description, a monthly price (with a higher month-to-month price in the small print), a dropdown for the number of parallel tests, a black get-started pill and a short note that unlimited users and minutes are included. A bright green enterprise band begins below the cards.
Based on full-page screenshots of saucelabs.com: the home page, the products page and the pricing page. Prices, return figures and customer claims reflect the capture date and are the site's own. The solutions and blog pages were not reviewed. Check the live site before relying on specific details.
Related designs
