Orsa
Docs

Free SEO tool

Design Extractor for LLMs

Pre-extracted DESIGN.md files from public sites. Explore colors, typography, spacing, and tokens, then copy the exact format your stack or agent needs.

design-system.md
DESIGN.md
Design JSON
Tailwind v4
CSS Variables
Design Tokens

Design Gallery

Open any card for a normalized style profile and copy-ready outputs.

Travel & Transportation

Airbnb

airbnb.com

Airbnb's design language emphasizes warm minimalism with card-driven photography and an approachable system anchored by coral accents.

Shopping

Apple

apple.com

Apple's interface embodies pristine minimalism with measured SF Pro typography, disciplined spacing, and product-first storytelling.

AI

ChatGPT

chatgpt.com

ChatGPT uses a conversation-first interface with restrained color, calm hierarchy, and modern system typography for legibility.

Crypto & Web3

Coinbase

coinbase.com

Coinbase centers trust with signature blue, conservative whitespace, and highly readable typography tailored for fintech clarity.

Education

Duolingo

duolingo.com

Duolingo balances playful character-led visuals with rounded typography and energetic color for approachable learning UX.

Developer Tools

Linear

linear.app

Linear runs a focused dark UI with crisp typography and vivid blue accents designed for fast, distraction-light execution.

AI

Lovable

lovable.dev

Lovable pairs a bold gradient hero with clean neutral surfaces, custom variable typography, and generous centered spacing.

Travel & Transportation

Lyft

lyft.com

Lyft combines energetic pink accents with clear hierarchy and generous spacing to stay vibrant without sacrificing accessibility.

Productivity

Notion

notion.so

Notion leans into warm-neutral surfaces, clean geometry, and consistent type rhythm for calm productivity workflows.

Business

Shopify

shopify.com

Shopify uses cinematic photography plus minimal overlays to blend emotional narrative with practical storefront communication.

Finance

Stripe

stripe.com

Stripe features elegant minimal layouts, Sohne typography, and deep navy + vibrant purple accents for premium fintech clarity.

Developer Tools

Supabase

supabase.com

Supabase combines a rich dark foundation with restrained green accents and understated motion for developer-first readability.

Entertainment

The Onion

theonion.com

The Onion follows editorial conventions with assertive typography, monochrome contrast, and clear content-block hierarchy.

Travel & Transportation

Uber

uber.com

Uber uses monochromatic clarity with selective blue accents, sturdy custom type, and illustration support for service comprehension.

Developer Tools

Vercel

vercel.com

Vercel applies clean minimal structure with gradient punctuation and Geist typography to communicate technical precision.

News

WIRED

wired.com

WIRED blends serif headlines with sans body copy, high-contrast editorial framing, and restrained accent color for scanning.

View full directory

Submit your own site

Free extraction endpoint. We process your domain with Orsa, publish a company page, and add it to the gallery directory.

Results are persisted in the `brands` table as `styleguide` so your page stays indexable.

Lovable extraction example

Same source, multiple output formats. Copy the tab that fits your workflow.

---
source: https://lovable.dev/
brand: Lovable
style: Gradient AI Minimalism
themes: [light]
default_theme: light
extracted: 2026-04-12T22:09:48.062Z
generator: design-extractor
---

# DESIGN.md

## Colors
- background: #fcfbf8
- text: #1c1c1c
- text-muted: #5f5f5d
- primary: #1f55f1
- secondary: #4e92ff
- accent: #486eff
- border: #d8d8d6

## Typography
- heading-1: Camera Plain Variable, ui-sans-serif, system-ui, sans-serif 20px/30px w400
- heading-2: Camera Plain Variable, ui-sans-serif, system-ui, sans-serif 48px/48px w600
- heading-3: Camera Plain Variable, ui-sans-serif, system-ui, sans-serif 36px/39.6px w600
- body: Camera Plain Variable, ui-sans-serif, system-ui, sans-serif 16px/24px w400
- button: Camera Plain Variable, ui-sans-serif, system-ui, sans-serif 14px/21px w400

## Spacing
- 3xs: 1px
- 2xs: 2.25rem
- xs: 68px
- sm: 6rem
- md: 7rem
- lg: 8rem

## Border Radius
- none: 0
- sm: 2px
- md: .3125rem
- lg: 10px
- xl: 18px
- full: 36px
Orsa

Turn any URL into structured data. Instantly, with a single API.

Engineering essays, API updates, and customer stories. Weekly, no spam.

Products

  • Scrape HTML
  • Scrape Markdown
  • Scrape Images
  • Scrape Sitemap
  • Company Logos
  • Company Colors
  • Company Styleguide
  • Transaction Identification
  • Website Screenshot
  • View all 15 →

Use cases

  • Power LLMs with Web Context
  • Logo Link
  • Reduce Onboarding Friction
  • Automated Brand Kits
  • Programmatic Theming
  • Enrich Company Profiles
  • Transaction & Billing Data
  • Stock Ticker Enrichment
  • Zapier Automations

Compare

  • vs Brandfetch
  • vs Clearbit
  • vs Logo.dev
  • vs Klazify
  • vs RiteKit
  • vs Parget
  • All comparisons →

Developers

  • Documentation
  • Changelog
  • TypeScript SDK
  • Python SDK
  • Ruby SDK
  • MCP
  • Status
  • API reference
  • Playground

Free tools

  • AI-SEO / GEO Checker
  • Design Extractor for LLMs
  • Sitemap Generator
  • URL to Markdown
  • Open Graph Checker
  • Email Signature Generator
  • DNS Lookup
  • Twitter Card Validator
  • Brand Font Finder

Company

  • Blog
  • Customers
  • Pricing
  • FAQ
  • Contact
  • Security
  • Acceptable Use
  • Request Brand Update
  • Careers

© 2026 Orsa Workshops, Inc.

PrivacyTermsDPAChart the web
ORSA