A knowledge base and team docs platform. Fits productivity SaaS, knowledge-base tools, internal-wiki apps, and team-collab landing page designs.
Screenshots of 5 pages from slite.com: homepage, products, solutions, pricing and resources.
Design tokens
17 colors · 9 type stylesCool graphite (#2d2f34) primary on a cream (#f9efe4) canvas, set in Garnett for headlines and UniversalSans for body text. These values are read from the Slite DESIGN.md in the Pass bundle, which carries all 17 color tokens, 9 type styles, the radius and spacing scales and the full component rules.
Three ways to ship a Slite-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 Slite. All trademarks belong to their respective owners.
About Slite
Home page hero
The home page sits on a warm peach background with a minimal nav: a lowercase wordmark, product and solutions dropdowns, pricing, resources, sign in, an outlined book-a-demo pill and a dark start-for-free pill. The headline, "The knowledge base even ___ in ___ wants to use," has two blank-looking blue underlined slots in which a job title changes, so the sentence speaks to a different reader each time. A short paragraph promises beautiful documentation, easy adoption and AI search, with two buttons. A large product window follows, showing a company wiki with an origami bird illustration on a coral banner, plus two floating customer quote cards, one on each side.
Proof and onboarding
A single line says that a large number of companies trust the product as their source of truth, followed by a row of well-known logos. A split section, "Get your team set up in minutes, not weeks," places a short quote and the speaker's name on the left and three document screenshots in a carousel on the right: a new-hire onboarding page with a video, a data management policy and an admin and finance page, each with a pastel banner and a line illustration. Round pagination dots sit below.
Search, trust and knowledge management
A heading, "What's the use of knowledge if you can't find it?," leads to a dark section whose bottom edge curves into a pale blue one. A button asks the reader to see how it works. On the blue section, "Knowledge bases get messy. Slite doesn't." is paired with a customer quote and a knowledge management panel screenshot showing outdated and verification-requested documents with status chips.
Product page
The product page is built around a three-step loop. A centered heading, "Handling knowledge shouldn't be that hard," has a pill-shaped stepper with the numbered steps create, manage and find, with a small repeat label below. The first step is expanded: a pink step tag, a heading about documenting with ease, a short paragraph about an AI-powered editor and three sub-tabs, collaborate, keep it tidy and make it visual. Underneath, a bordered editor screenshot shows a meeting note with a pink calendar illustration.
Pricing
The pricing page has a centered heading, "Plans for every stage of your company," and three colored cards: Standard in white, Premium in pink and Enterprise in blue. Standard and Premium show a per-member monthly price with a billed-yearly toggle and a feature checklist. Premium adds custom domains, user provisioning and single sign-on. Enterprise says "Let's chat" and lists read-only roles, audit logs, priority support and an SLA. A logo strip and a comparison table with a sticky plan header begin below.
Based on full-page screenshots of slite.com: the home page, the product page and the pricing page. Prices, customer counts and quotes reflect the capture date and are the site's own. The solutions and resources pages were not reviewed. Check the live site before relying on specific details.
Related designs
Catalog Pass included