stole.si Scan a site

.si = super intelligence

Reveal everything behind any website.

Paste a URL. Super Intelligence opens the live page and shows you what it’s built with, how fast and safe it is, and how it’s designed, ready to hand to your AI.

Try stripe.com, github.com or wikipedia.orgFree. No sign-up.

  • Tech stack
  • Speed
  • Security
  • SEO
  • Accessibility
  • Colors
  • Fonts
  • DESIGN.md

a real result, not a mockup

Show, don’t guess.

stripe.com

scanned Oct 11, 2026 · see everything

Light theme on #ffffff with a #533afd accent. Text is sohne-var at 16px. Spacing follows a 4px grid. Corners are 4px. Uses soft shadows.

  • 6/8Speed
  • 9/11Security
  • 12/12Search
  • 8/9Accessibility

The basics

What the page is and where it lives.

Title
Stripe | Financial Infrastructure to Grow Your Revenue
Address
https://stripe.com/
Language
en-US
Response
HTTP 200
Server
nginx
Elements read
1393

Built with

Servers, frameworks, analytics and other tools found on the page.

Framework
Next.js 14.2.32, React
Library
core-js 3.6.5
Language
Node.js
Server
Nginx
Analytics
Google Tag Manager
Other
Sentry, three.js 178, Webpack
How each was found
  • Next.js JavaScript __NEXT_DATA__, JavaScript next.version
  • React implied by Next.js
  • core-js JavaScript __core-js_shared__, JavaScript __core-js_shared__.versions.0.version
  • Node.js implied by Next.js
  • Nginx header server
  • Google Tag Manager script address
  • Sentry JavaScript __SENTRY__
  • three.js JavaScript __THREE__
  • Webpack implied by Next.js

Colors

The main colors and what each one is for.

  • background#ffffff
  • surface#e5edf51.2:1 contrast on background
  • text#061b3117.4:1 contrast on background
  • muted#50617a6.3:1 contrast on background
  • accent#533afd6.2:1 contrast on background
  • on-accent#ffffff6.2:1 contrast on accent
  • accent-2#061b3117.4:1 contrast on background
  • border#e5edf51.2:1 contrast on background

Other colors that show up often

  • #64748d
  • #182659
  • #b9b9f9
  • #7389ff
  • #81b81a
  • #7d8ba4
  • #000000

Fonts

Typefaces that actually loaded, what they are used for and which weights appear.

  • sohne-varbody · web font · weights 300, 400

DESIGN.md

The file you hand to your AI coding agent.

DESIGN.mdDownload 
# Design system: stripe.com

> Extracted from https://stripe.com by [stole.si](https://www.stole.si) on 2026-10-11. Values were read from the live page's computed styles in a real browser; color roles and the type, spacing and radius scales are grouped from those measurements. Use it for inspiration and consistency, not to clone the site: do not copy logos, images, text or trademarks.

**At a glance:** Light theme on #ffffff with a #533afd accent. Text is sohne-var at 16px. Spacing follows a 4px grid. Corners are 4px. Uses soft shadows.

## How to use this file (for AI coding agents)

- Treat the tokens below as the source of truth for color, type, spacing, corner radius and shadow.
- Reference tokens by name (CSS variables from `tokens.css`, or the Tailwind theme in `tailwind.config.js`) instead of hard-coding values.
- Need a value that is not listed? Use the nearest token. Do not invent new colors, font sizes or spacing steps.
- Use `--color-text` on `--color-background` for body copy and `--color-muted` only for secondary text. Keep text contrast at 4.5:1 or more.
- Use `--color-accent` sparingly: primary actions, links and key highlights.
- Build original layouts, copy and imagery. This file describes a visual style, not a page to reproduce.

## Colors

| Token | Value | Use | Contrast |
|---|---|---|---|
| `--color-background` | `#ffffff` | Page background | — |
| `--color-surface` | `#e5edf5` | Cards, panels and raised sections | 1.18:1 on background |
| `--color-text` | `#061b31` | Body text and headings | 17.37:1 on background |
| `--color-muted` | `#50617a` | Secondary text, captions and metadata | 6.30:1 on background |
| `--color-accent` | `#533afd` | Primary buttons, links and highlights | 6.19:1 on background |
| `--color-on-accent` | `#ffffff` | Text and icons on the accent color | 6.19:1 on accent |
| `--color-accent-2` | `#061b31` | Secondary highlight color | 17.37:1 on background |
| `--color-border` | `#e5edf5` | Borders, dividers and input outlines | 1.18:1 on background |

Other recurring colors:

| Token | Value | Share of use |
|---|---|---|
| `--color-blue-450` | `#64748d` | 7.2% |
| `--color-indigo-700` | `#182659` | 1.0% |
| `--color-indigo-200` | `#b9b9f9` | 0.7% |
| `--color-indigo-350` | `#7389ff` | 1.1% |
| `--color-lime-300` | `#81b81a` | 0.6% |
| `--color-blue-350` | `#7d8ba4` | 0.5% |
| `--color-neutral-950` | `#000000` | 0.4% |

how it works

Three steps. One page load.

stole.si opens the page once in a real browser and records what visitors actually get, not just what the code claims.

  1. 01

    Paste a URL

    Any public page. A homepage, a pricing page, a docs page.

  2. 02

    Reveal

    The tools behind the page, every file it downloads, its security headers, search and accessibility checks, and every visible element’s real styles.

  3. 03

    Use it

    Read it yourself, share the link, or drop DESIGN.md into your repo so your AI builds with real values.

exports

Files your agent can read.

Every scan gets a shareable link and four downloads. No account, no paywall. Click a file name to download a real one from stripe.com.

  • DESIGN.md

    The whole system in plain Markdown, with usage rules written for AI coding agents: roles, contrast, type scale, spacing, components and stack.

  • tokens.json

    Design Tokens format 2025.10, tested with Style Dictionary and Terrazzo. Import it into your own pipeline.

  • tokens.css

    A :root block of CSS variables, ready to paste into any stylesheet.

  • tailwind.config.js

    Colors, fonts, type scale, spacing, radius, shadows and screens as a Tailwind theme.

then tell your agent

Read DESIGN.md and build the pricing page with those tokens. Don’t invent new colors.

Works with Claude Code, Cursor, Codex, Copilot and anything else that reads files.

for developers and AI apps

API and MCP, free.

Everything on a result page is one request away. No key, no sign-up.

  • Scan API

    JSON for the tech stack, speed, security, SEO, accessibility and design of any site. GET /api/v1/summary?url=stripe.com

  • MCP server

    Let Claude, Cursor or VS Code scan, audit and pull design tokens. https://www.stole.si/mcp

  • Compare

    Two sites side by side, check by check, in the browser or with /api/v1/compare.

See what any site is made of.