Interface Lab
  • Home
  • Agents
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
LibraryDesign SystemGlobal visual rules
Design SystemGlobal visual rules127
View current page127Ink ClassicPPT StyleIndigo PorcelainPPT StyleForest InkPPT StyleBMW MalphaDell (1996)alphaHPalpha
Total uses387.0K

Interface Lab Library

LibraryDesign System127 items

Design Systems gather project-level visual rules.

Design systems define type, color, spacing, component rules, responsive boundaries, and canonical design.md; PPT styles also live here for Cleo to retrieve as candidates and judge for fit.

Skills58Design System127Assets4
Library Index

Current: Design Systems

The left menu keeps only design-system entries for this tab.

01Ink Classic02Indigo Porcelain03Forest Ink04BMW M05Dell (1996)
127 current items
Skills58
Design System127
Assets4
AccessFree
Design System

Design System

Global language layer: website Interfaces and PPT styles are both stored as design.md resources.

Open Assets
Cleo Reference

PPT Style Column

All PPT styles
PPT Style · Cleo

Ink Classic

The default editorial ink theme for business decks, industry talks, and safe general-purpose narrative decks.

Open style
PPT Style · Cleo

Indigo Porcelain

A calmer blue editorial theme for research, data, technology releases, and analytical stories.

Open style
PPT Style · Cleo

Forest Ink

A natural editorial tone for sustainability, community, nonfiction, and human-centered brand stories.

Open style
PPT Style · Cleo

Kraft Paper

A nostalgic zine-like theme for retrospectives, people stories, literary decks, and written essays.

Open style
PPT Style · Cleo

Dune

A low-saturation sand theme for art, design, creative talks, gallery mood, and spatial storytelling.

Open style
PPT Style · Cleo

IKB Blue

The default Swiss accent for technology, design, engineering, product launches, and high-contrast statement slides.

Open style
PPT Style · Cleo

Lemon Yellow

A bright Swiss functional accent for warnings, opportunity windows, conclusions, and launch decks.

Open style
PPT Style · Cleo

Lemon Green

A highlighter-green Swiss accent for growth, AI, process optimization, and action-oriented decks.

Open style
PPT Style · Cleo

Safety Orange

A Swiss industrial accent for automotive, construction, sports, and warning scenarios; strong but restrained.

Open style
PPT Style · Cleo

Bold Signal

Bold Signal is a reusable visual preset used to lock mood, color, and layout tendency before generating the full HTML deck.

Open style
PPT Style · Cleo

Electric Studio

Electric Studio is a reusable visual preset used to lock mood, color, and layout tendency before generating the full HTML deck.

Open style
PPT Style · Cleo

Creative Voltage

Creative Voltage is a reusable visual preset used to lock mood, color, and layout tendency before generating the full HTML deck.

Open style
Interface Systems

Website and Product Systems

All systems
Automotive · alpha

BMW M

Motorsport automotive. Pure black canvas, M tricolor stripe accents, full-bleed photography.

Open system
Media & Consumer Tech · alpha

Dell (1996)

Catalog-era PC retail web. Black page frame, flat color-block ribbon cards, Helvetica-Black over Times Roman.

Open system
Media & Consumer Tech · alpha

HP

Consumer electronics catalog. White canvas with electric blue accent, angular chevron motifs.

Open system
E-commerce & Retail · alpha

Airbnb

Travel marketplace. Warm coral accent, photography-driven, rounded UI.

Open system
Productivity & SaaS · alpha

Airtable

Spreadsheet-database hybrid. Colorful, friendly, structured data aesthetic.

Open system
Media & Consumer Tech · alpha

Apple

Consumer electronics. Premium white space, SF Pro, cinematic imagery.

Open system
Fintech & Crypto · alpha

Binance

Crypto exchange. Bold yellow accent on monochrome, trading-floor urgency.

Open system
Automotive · alpha

BMW

Luxury automotive. Dark premium surfaces, precise German engineering aesthetic.

Open system
Automotive · alpha

Bugatti

Hypercar brand. Cinema-black canvas, monochrome austerity, monumental display type.

Open system
Productivity & SaaS · alpha

Cal.com

Open-source scheduling. Clean neutral UI, developer-oriented simplicity.

Open system
AI & LLM Platforms · alpha

Claude

Anthropic's AI assistant. Warm terracotta accent, clean editorial layout.

Open system
Design & Creative Tools · alpha

Clay

Creative agency. Organic shapes, soft gradients, art-directed layout.

Open system
Backend, Database & DevOps · alpha

ClickHouse

Fast analytics database. Yellow-accented, technical documentation style.

Open system
AI & LLM Platforms · alpha

Cohere

Enterprise AI platform. Vibrant gradients, data-rich dashboard aesthetic.

Open system
Fintech & Crypto · alpha

Coinbase

Crypto exchange. Clean blue identity, trust-focused, institutional feel.

Open system
Developer Tools & IDEs · alpha

Composio

Tool integration platform. Modern dark with colorful integration icons.

Open system
Developer Tools & IDEs · alpha

Cursor

AI-first code editor. Sleek dark interface, gradient accents.

Open system
AI & LLM Platforms · alpha

ElevenLabs

AI voice platform. Dark cinematic UI, audio-waveform aesthetics.

Open system
Developer Tools & IDEs · alpha

Expo

React Native platform. Dark theme, tight letter-spacing, code-centric.

Open system
Automotive · alpha

Ferrari

Luxury automotive. Chiaroscuro editorial, Ferrari Red accents, cinematic black.

Open system
Design & Creative Tools · alpha

Figma

Collaborative design tool. Vibrant multi-color, playful yet professional.

Open system
Design & Creative Tools · alpha

Framer

Website builder. Bold black and blue, motion-first, design-forward.

Open system
Backend, Database & DevOps · alpha

HashiCorp

Infrastructure automation. Enterprise-clean, black and white.

Open system
Media & Consumer Tech · alpha

IBM

Enterprise technology. Carbon design system, structured blue palette.

Open system
Productivity & SaaS · alpha

Intercom

Customer messaging. Friendly blue palette, conversational UI patterns.

Open system
Fintech & Crypto · alpha

Kraken

Crypto trading. Purple-accented dark UI, data-dense dashboards.

Open system
Automotive · alpha

Lamborghini

Supercar brand. True black surfaces, gold accents, dramatic uppercase typography.

Open system
Productivity & SaaS · alpha

Linear

Project management. Ultra-minimal, precise, purple accent.

Open system
AI & LLM Platforms · alpha

Lovable

AI full-stack builder. Playful gradients, friendly dev aesthetic.

Open system
Fintech & Crypto · alpha

Mastercard

Global payments network. Warm cream canvas, orbital pill shapes, editorial warmth.

Open system
Media & Consumer Tech · alpha

Meta

Tech retail store. Photography-first, binary light/dark surfaces, Meta Blue CTAs.

Open system
AI & LLM Platforms · alpha

MiniMax

AI model provider. Bold dark interface with neon accents.

Open system
Design Systems · alpha

Mintlify

Documentation platform. Clean, green-accented, reading-optimized.

Open system
Design & Creative Tools · alpha

Miro

Visual collaboration. Bright yellow accent, infinite canvas aesthetic.

Open system
AI & LLM Platforms · alpha

Mistral AI

Open-weight LLM provider. French-engineered minimalism, purple-toned.

Open system
Backend, Database & DevOps · alpha

MongoDB

Document database. Green leaf branding, developer documentation focus.

Open system
E-commerce & Retail · alpha

Nike

Athletic retail. Monochrome UI, massive uppercase type, full-bleed photography.

Open system
Productivity & SaaS · alpha

Notion

All-in-one workspace. Warm minimalism, serif headings, soft surfaces.

Open system
Media & Consumer Tech · alpha

NVIDIA

GPU computing. Green-black energy, technical power aesthetic.

Open system
AI & LLM Platforms · alpha

Ollama

Run LLMs locally. Terminal-first, monochrome simplicity.

Open system
Developer Tools & IDEs · alpha

OpenCode

AI coding platform. Developer-centric dark theme.

Open system
E-commerce & Retail · alpha

Pinterest

Visual discovery. Red accent, masonry grid, image-first.

Open system
Media & Consumer Tech · alpha

PlayStation

Gaming console retail. Three-surface channel layout, quiet-authority display type, cyan hover-scale.

Open system
Backend, Database & DevOps · alpha

PostHog

Product analytics. Playful hedgehog branding, developer-friendly dark UI.

Open system
Developer Tools & IDEs · alpha

Raycast

Productivity launcher. Sleek dark chrome, vibrant gradient accents.

Open system
Automotive · alpha

Renault

French automotive. Vibrant aurora gradients, NouvelR typography, bold energy.

Open system
AI & LLM Platforms · alpha

Replicate

Run ML models via API. Clean white canvas, code-forward.

Open system
Backend, Database & DevOps · alpha

Resend

Email API. Minimal dark theme, monospace accents.

Open system
Fintech & Crypto · alpha

Revolut

Digital banking. Sleek dark interface, gradient cards, fintech precision.

Open system
AI & LLM Platforms · alpha

Runway

AI video generation. Cinematic dark UI, media-rich layout.

Open system
Design & Creative Tools · alpha

Sanity

Headless CMS. Red accent, content-first editorial layout.

Open system
Backend, Database & DevOps · alpha

Sentry

Error monitoring. Dark dashboard, data-dense, pink-purple accent.

Open system
E-commerce & Retail · alpha

Shopify

E-commerce platform. Dark-first cinematic, neon green accent, ultra-light type.

Open system
Media & Consumer Tech · alpha

SpaceX

Space technology. Stark black and white, full-bleed imagery, futuristic.

Open system
Media & Consumer Tech · alpha

Spotify

Music streaming. Vibrant green on dark, bold type, album-art-driven.

Open system
E-commerce & Retail · alpha

Starbucks

Global coffee retail brand. Four-tier green system, warm cream canvas, full-pill buttons.

Open system
Fintech & Crypto · alpha

Stripe

Payment infrastructure. Signature purple gradients, weight-300 elegance.

Open system
Backend, Database & DevOps · alpha

Supabase

Open-source Firebase alternative. Dark emerald theme, code-first.

Open system
Productivity & SaaS · alpha

Superhuman

Fast email client. Premium dark UI, keyboard-first, purple glow.

Open system
Automotive · alpha

Tesla

Electric automotive. Radical subtraction, full-viewport photography, near-zero UI.

Open system
Media & Consumer Tech · alpha

The Verge

Tech editorial media. Acid-mint and ultraviolet accents, Manuka display, rave-flyer story tiles.

Open system
AI & LLM Platforms · alpha

Together AI

Open-source AI infrastructure. Technical, blueprint-style design.

Open system
Media & Consumer Tech · alpha

Uber

Mobility platform. Bold black and white, tight type, urban energy.

Open system
Backend, Database & DevOps · alpha

Vercel

Frontend deployment. Black and white precision, Geist font.

Open system
Media & Consumer Tech · alpha

Vodafone

Global telecom brand. Monumental uppercase display, Vodafone Red chapter bands.

Open system
AI & LLM Platforms · alpha

VoltAgent ❤️

AI agent framework. Void-black canvas, emerald accent, terminal-native.

Open system
Developer Tools & IDEs · alpha

Warp

Modern terminal. Dark IDE-like interface, block-based command UI.

Open system
Design & Creative Tools · alpha

Webflow

Visual web builder. Blue-accented, polished marketing site aesthetic.

Open system
Media & Consumer Tech · alpha

WIRED

Tech magazine. Paper-white broadsheet density, custom serif display, mono kickers, ink-blue links.

Open system
Fintech & Crypto · alpha

Wise

Money transfer. Bright green accent, friendly and clear.

Open system
AI & LLM Platforms · alpha

xAI

Elon Musk's AI lab. Stark monochrome, futuristic minimalism.

Open system
Productivity & SaaS · alpha

Zapier

Automation platform. Warm orange, friendly illustration-driven.

Open system