Interface Lab
Login

Interface Lab Library

LibraryStyle148 items

Style unifies website design systems and PPT styles.

Style unifies website design systems and PPT styles. Use the left filters to separate website interface rules from deck presets.

Skills119
Website Systems93
PPT Styles55
Assets232
Style

Style

Global style layer: website Interface design.md resources plus PPT styles Cleo uses to judge deck mood.

Open Assets
Website Design System · alpha

Companion Robotics

Award-case-derived companion robotics and physical-AI interface: cloud-gray canvas, soft sky-blue capability signals, warm domestic surfaces, asymmetric robot stages, safety-evidence panels, and developer/enterprise/research audience rails.

Open systemWebsite Design System · alpha

AI Mystery Atelier

Award-case-derived luxury AI interactive storytelling interface: ivory paper surfaces, antique-gold actions, dark walnut stage panels, conversational investigation, evidence cards, and chapter transitions.

Open systemWebsite Design System · alpha

Indigo Sensory Collection

Award-case-derived fashion, jewelry, and music sensory collection interface: indigo editorial canvas, shell reading surfaces, amber material accents, audio states, collection rails, maker panels, and microinteraction-ready object cards.

Open systemWebsite Design System · alpha

AI Cinematic Memory Studio

Current Awwwards SOTD-derived consumer AI video and memory interface: warm cinema canvas, coral capture actions, lavender AI guidance, phone viewfinder, clip timeline, camera coaching cards, and static mobile fallback.

Open systemWebsite Design System · alpha

Spatial Portfolio Index

Award-case-derived architecture, photography, and studio portfolio interface: black-white polarity, horizontal project rails, strong image indexes, content-architecture tags, project-detail panels, and restrained scroll transitions.

Open systemWebsite Design System · alpha

Playful Quick-Serve Commerce

Recent Awwwards SOTD-derived quick-serve food commerce interface: warm cream canvas, tomato-red actions, oversized appetite type, menu tickers, ingredient layers, nutrition proof, takeaway city cards, and GSAP-style transitions with fallbacks.

Open systemWebsite Design System · alpha

Dayos AI Ops

Award-case-derived enterprise AI operations interface: near-black canvas, cyan-green system signals, dense telemetry panels, scroll storytelling, and form-state transitions.

Open systemWebsite Design System · alpha

Observable Analytics Lab

Analytics and research-report interface: warm paper canvas, takeaway chart titles, source metadata, notebook evidence cells, accessible table fallbacks, and low-chrome chart language.

Open systemWebsite Design System · alpha

GOV.UK Service

Public-service transactional interface: white canvas, black text, functional colours, strong focus, square form controls, error summaries, task lists, and check-answers flows.

Open systemWebsite Design System · alpha

USWDS Federal Service

United States federal public-service interface: tokenized blue action semantics, cool-gray civic surfaces, Public Sans-style type, official-site banner, identifier, accessible forms, alerts, summary boxes, and step flows.

Open systemWebsite Design System · alpha

Polaris Admin Commerce

Commerce-admin and merchant operations interface: neutral admin canvas, dense cards, index tables, semantic status colors, badges, banners, filters, and predictable actions.

Open systemWebsite Design System · alpha

NHS.UK Service Health

Healthcare public-service interface: trusted blue identity, large body text, strong yellow focus, square controls, error summaries, card links, hub pages, and mobile-first service flows.

Open systemWebsite Design System · alpha

Atlassian Team Ops

Team collaboration and work-management interface: neutral app canvas, blue primary actions, semantic lozenges, 8px spacing, side navigation, task cards, tables, and recoverable workflows.

Open systemWebsite Design System · alpha

Radix Accessible Primitives

Accessible React primitive interface: unstyled component core, data-state hooks, 12-step color scales, clear focus, portal layering, keyboard navigation, and composable control contracts.

Open systemWebsite Design System · alpha

Material Expressive Adaptive

Material 3 Expressive and adaptive-product interface: dynamic color roles, emphasized type, rounded containers, touch-first navigation, live-update cards, shape-aware motion, and reduced-motion fallback.

Open systemWebsite Design System · alpha

Fluent 2 Enterprise Workbench

Fluent 2-inspired enterprise workbench interface: neutral surfaces, semantic alias tokens, Segoe-style type, restrained blue, command bars, side navigation, data rows, panels, and AI assist surfaces.

Open systemWebsite Design System · alpha

Primer Developer Workflow

GitHub Primer-inspired developer collaboration interface: light code-hosting canvas, blue interaction semantics, repository/issue/PR rows, labels, code chips, state metadata, and strong focus.

Open systemWebsite Design System · alpha

Cloudscape Cloud Ops

Cloudscape-inspired cloud operations console interface: service side rail, resource tables, flashbars, split panels, wizards, account/region scope, preferences, and recoverable workflows.

Open systemWebsite Design System · alpha

PatternFly Enterprise Console

PatternFly and Red Hat-inspired open enterprise product console interface: masthead, side navigation, page title, toolbar, tables, drawers, wizards, severity states, OUIA testing, and semantic tokens.

Open systemWebsite Design System · alpha

Spectrum Creative Workbench

Adobe Spectrum and React Spectrum-inspired creative-production workbench interface: adaptive neutral layers, asset thumbnails, toolbars, side panels, inspectors, sliders, status feedback, accessible focus, and light/dark parity.

Open systemWebsite Design System · alpha

Ant Design Enterprise Console

Ant Design-inspired enterprise-console interface: 24-column grid, 8px spacing, 14/22 base type, blue action semantics, filter forms, metric cards, data tables, drawers, modals, notifications, and token customization.

Open systemWebsite Design System · alpha

BMW M

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

Open systemWebsite Design System · alpha

Dell (1996)

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

Open systemWebsite Design System · alpha

HP

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

Open systemWebsite Design System · alpha

Airbnb

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

Open systemWebsite Design System · alpha

Airtable

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

Open systemWebsite Design System · alpha

Apple

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

Open systemWebsite Design System · alpha

Binance

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

Open systemWebsite Design System · alpha

BMW

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

Open systemWebsite Design System · alpha

Bugatti

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

Open systemWebsite Design System · alpha

Cal.com

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

Open systemWebsite Design System · alpha

Claude

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

Open systemWebsite Design System · alpha

Clay

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

Open systemWebsite Design System · alpha

ClickHouse

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

Open systemWebsite Design System · alpha

Cohere

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

Open systemWebsite Design System · alpha

Coinbase

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

Open systemWebsite Design System · alpha

Composio

Tool integration platform. Modern dark with colorful integration icons.

Open systemWebsite Design System · alpha

Cursor

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

Open systemWebsite Design System · alpha

ElevenLabs

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

Open systemWebsite Design System · alpha

Expo

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

Open systemWebsite Design System · alpha

Ferrari

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

Open systemWebsite Design System · alpha

Figma

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

Open systemWebsite Design System · alpha

Framer

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

Open systemWebsite Design System · alpha

HashiCorp

Infrastructure automation. Enterprise-clean, black and white.

Open systemWebsite Design System · alpha

IBM

Enterprise technology. Carbon design system, structured blue palette.

Open systemWebsite Design System · alpha

Intercom

Customer messaging. Friendly blue palette, conversational UI patterns.

Open systemWebsite Design System · alpha

Kraken

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

Open systemWebsite Design System · alpha

Lamborghini

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

Open systemWebsite Design System · alpha

Linear

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

Open systemWebsite Design System · alpha

Lovable

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

Open systemWebsite Design System · alpha

Mastercard

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

Open systemWebsite Design System · alpha

Meta

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

Open systemWebsite Design System · alpha

MiniMax

AI model provider. Bold dark interface with neon accents.

Open systemWebsite Design System · alpha

Mintlify

AI-native documentation and knowledge-platform interface: white reading canvas, thin bordered doc cards, mint-green action and active states, three-column docs layout, MDX components, API playgrounds, smart search, AI assistance, and keyboard-accessible navigation.

Open systemWebsite Design System · alpha

Miro

Visual collaboration. Bright yellow accent, infinite canvas aesthetic.

Open systemWebsite Design System · alpha

Mistral AI

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

Open systemWebsite Design System · alpha

MongoDB

Document database. Green leaf branding, developer documentation focus.

Open systemWebsite Design System · alpha

Nike

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

Open systemWebsite Design System · alpha

Notion

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

Open systemWebsite Design System · alpha

NVIDIA

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

Open systemWebsite Design System · alpha

Ollama

Run LLMs locally. Terminal-first, monochrome simplicity.

Open systemWebsite Design System · alpha

OpenCode

AI coding platform. Developer-centric dark theme.

Open systemWebsite Design System · alpha

Pinterest

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

Open systemWebsite Design System · alpha

PlayStation

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

Open systemWebsite Design System · alpha

PostHog

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

Open systemWebsite Design System · alpha

Raycast

Productivity launcher. Sleek dark chrome, vibrant gradient accents.

Open systemWebsite Design System · alpha

Renault

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

Open systemWebsite Design System · alpha

Replicate

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

Open systemWebsite Design System · alpha

Resend

Email API. Minimal dark theme, monospace accents.

Open systemWebsite Design System · alpha

Revolut

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

Open systemWebsite Design System · alpha

Runway

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

Open systemWebsite Design System · alpha

Sanity

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

Open systemWebsite Design System · alpha

Sentry

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

Open systemWebsite Design System · alpha

Shopify

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

Open systemWebsite Design System · alpha

SpaceX

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

Open systemWebsite Design System · alpha

Spotify

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

Open systemWebsite Design System · alpha

Starbucks

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

Open systemWebsite Design System · alpha

Stripe

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

Open systemWebsite Design System · alpha

Supabase

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

Open systemWebsite Design System · alpha

Superhuman

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

Open systemWebsite Design System · alpha

Tesla

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

Open systemWebsite Design System · alpha

The Verge

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

Open systemWebsite Design System · alpha

Together AI

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

Open systemWebsite Design System · alpha

Uber

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

Open systemWebsite Design System · alpha

Vercel

Frontend deployment. Black and white precision, Geist font.

Open systemWebsite Design System · alpha

Vodafone

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

Open systemWebsite Design System · alpha

VoltAgent ❤️

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

Open systemWebsite Design System · alpha

Warp

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

Open systemWebsite Design System · alpha

Webflow

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

Open systemWebsite Design System · alpha

WIRED

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

Open systemWebsite Design System · alpha

Wise

Money transfer. Bright green accent, friendly and clear.

Open systemWebsite Design System · alpha

xAI

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

Open systemWebsite Design System · alpha

Zapier

Automation platform. Warm orange, friendly illustration-driven.

Open system