DESIGNS

### SpaceX - Space technology. - Stark black and white, full-bleed imagery, futuristic - SpaceX's website is a full-screen cinematic experience that treats aerospace engineering like a film — every section is a scene, every photo

Attio's design system is "The Modern CRM." It is a sophisticated, data-dense environment that balances technical precision with a fresh, teal-and-green aesthetic.

The OpenAI design system embodies a dynamic intersection between human-centered warmth and technological precision. It is characterized by minimalistic branding, geometric clarity, and high-impact typography.

A design system inspired by Instagram's modern aesthetic, focusing on a clean and minimalistic approach.

### Airtable - Spreadsheet-database hybrid. - Colorful, friendly, structured data aesthetic - description: A sober, editorial workflow-software interface anchored on white canvas and dark-ink type, where brand voltage comes from full-

Duolingo's design system is "The World's Most Playful Classroom." It is a high-energy, gamified environment that uses vibrant colors and rounded, friendly shapes to make learning feel like a game.

A high-performance, developer-centric aesthetic that balances utility with speed. The system is designed to provide maximum clarity for data-heavy dashboards, realtime collaboration, and infrastructure management.

CRED's design system, NeoPOP, is a fusion of Neomorphism and Pop Art. It is a luxury-first, high-contrast environment designed to make financial management feel like a high-stakes game.

Fluent 2 is Microsoft's cross-platform design system. It is built on the principles of Light, Depth, Motion, Material, and Scale, aiming to create a natural and intuitive user experience that feels native on every device.

Material 3 (Material You) is Google’s latest evolution of its design language. It is defined by personalization, accessibility, and an adaptive color system that responds to the user's environment.

### Spotify - Music streaming. - Vibrant green on dark, bold type, album-art-driven - Spotify's web interface is a dark, immersive music player that wraps listeners in a near-black cocoon (`#121212`, `#181818`, `#1f1f1f`) wher

### xAI - Elon Musk's AI lab. - Stark monochrome, futuristic minimalism - xAI's website is a masterclass in dark-first, monospace-driven brutalist minimalism -- a design system that feels like it was built by engin

Swiggy's design system is vibrant, approachable, and focused on "Delivery Happiness." It centers around a signature orange that communicates warmth, speed, and reliability.

PhonePe's design system is built for "Trust and Ubiquity." It uses a restrained purple-and-white palette to communicate stability, security, and the reliability required for a national payments platform.

### ElevenLabs - AI voice platform. - Dark cinematic UI, audio-waveform aesthetics - description: A voice-AI brand whose marketing surfaces read like a quietly editorial print magazine. The base canvas is off-white (`#f5f5f5`

Netflix's design system is "The Cinema in your Pocket." It is a content-first, dark-room environment where the interface is secondary to the immersive imagery of films and shows.

### Supabase - Open-source Firebase alternative. - Dark emerald theme, code-first - Supabase's website is a dark-mode-native developer platform that channels the aesthetic of a premium code editor — deep black backgrounds (`

Bento's design system is "The Grid of You." It is a playful, personal environment centered around the "Bento Box" pattern—organizing life and links into a beautiful, highly-rounded grid.

High information density design system with a cinematic feel, featuring minimalist navigation and card styles.

### Starbucks - Coffee retail flagship. - Four-tier earth-green system, warm cream canvas, proprietary SoDoSans typography - Starbucks' design system is a **warm, confident retail flagship** wearing the green of their storefront apron across every surface. The canv

Groww's design system is built for "Functional Simplicity." It is an accessibility-first environment designed to make investing and financial growth intuitive for everyone.

A focused, minimal dark interface for a developer productivity tool. Clean lines, low visual noise, high information density.

Robinhood's design system is "Democratizing Finance." It is a high-energy, mobile-first environment that uses its signature "Electric Green" to make the complex world of stocks and crypto feel accessible and even fun.

### Stripe - Payment infrastructure. - Signature purple gradients, weight-300 elegance - Stripe's website is the gold standard of fintech design -- a system that manages to feel simultaneously technical and luxurious, precise and

### Tesla - Electric vehicles. - Radical subtraction, cinematic full-viewport photography, Universal Sans - Tesla's website is an exercise in radical subtraction — a digital showroom where the product is everything and the interface is almost nothi

### Claude - Anthropic's AI assistant. - Warm terracotta accent, clean editorial layout - description: A warm-canvas editorial interface for Anthropic's Claude product. The system anchors on a tinted cream canvas with serif displa

Infloq is the enterprise hub of the suite, focused on trust, intelligence, and ROI for influencer marketing. The style is authoritative, clean, and data-rich.

Tata 1mg's design system is "Reliable Health Care." It combines the trustworthy "Tata Blue" with its original healthcare-vibrant orange to create a safe, professional environment for medical needs.

Airtel's design system is "Confident and Human." It is centered around a vibrant, iconic red that represents the brand's long-standing leadership in India's telecom space.

A high-performance, developer-centric aesthetic that balances utility with speed, designed for data-heavy dashboards and realtime collaboration.

A high-conversion, consumer-focused design system using warmer tones and compact typography to drive discovery and purchase intent.

### Vercel - Frontend deployment platform. - Black and white precision, Geist font - Vercel's website is the visual thesis of developer infrastructure made invisible — a design system so restrained it borders on philosophical

### Shopify - E-commerce platform. - Dark-first cinematic, neon green accent, ultra-light display type - Shopify.com is a dark-first digital theatre — a website that stages its commerce platform like a cinematic premiere. The entire experience u

### Webflow - Visual web builder. - Blue-accented, polished marketing site aesthetic - Webflow's website is a visually rich, tool-forward platform that communicates "design without code" through clean white surfaces, the signat

### Lovable - AI full-stack builder. - Playful gradients, friendly dev aesthetic - Lovable's website radiates warmth through restraint. The entire page sits on a creamy, parchment-toned background (`#f7f4ed`) that immediate

### Binance - Crypto exchange. - Bold Binance Yellow on monochrome, trading-floor urgency - description: A confident financial-platform interface anchored on a deep near-black canvas, where Binance's iconic yellow (#FCD535) carries

A warm, professional, and accessible learning management interface designed for Learning Managers, HR Teams, and Training Coordinators.

Humane's design system is "The Invisible Interface." Designed for the AI Pin, it focuses on projection-based interactions, cosmic black foundations, and a "laser-sharp" visual language that prioritizes voice and gesture.

Flipkart's design system is built for massive scale and high conversion. It is characterized by its high-contrast "Blue and Yellow" palette and a layout optimized for scanning thousands of products.

Unacademy's design system is "The Future of Learning." It uses a clean, technology-first aesthetic with vibrant greens and blues to create a focused yet inspiring classroom environment.

Zomato's design system is built for appetite and speed. It uses a high-energy red and clean, food-first layouts to guide users toward their next meal.

Twitch's "Core UI" is a hyper-digital, high-energy design system for the streaming age. It is defined by its vibrant "Ultraviolet" purple, 3D-inspired motifs, and high-density chat-first layouts.

A clean, professional, and customer-first interface designed for clarity and trust, focusing on high utility and generous whitespace.

### Sanity - Headless CMS. - Red accent, content-first editorial layout - Sanity's website is a developer-content platform rendered as a nocturnal command center -- dark, precise, and deeply structured. The entire

### Renault - French automotive. - Vivid aurora gradients, NouvelR proprietary typeface, zero-radius buttons - Renault's web presence pairs the freshly-modernised Renault diamond

### Superhuman - Fast email client. - Premium dark UI, keyboard-first, purple glow - Superhuman's website feels like opening a luxury envelope — predominantly white, immaculately clean, with a single dramatic gesture of color

### WIRED - Tech magazine. - Paper-white broadsheet density, custom serif, ink-blue links - WIRED's homepage feels like a printed broadsheet that someone has plugged into a wall socket. The grid is dense, the rules are thin, the typ

### Vodafone - Global telecom brand. - Monumental uppercase display, Vodafone Red chapter bands - Vodafone's corporate web system carries the confident, broadcast-scale presence of a global telecom brand — built around a single, fiercely-

### Zapier - Automation platform. - Warm orange, friendly illustration-driven - Zapier's website radiates warm, approachable professionalism. It rejects the cold monochrome minimalism of developer tools in favor of a cre

### Linear - Project management for engineers. - Ultra-minimal, precise, purple accent - description: "A near-black product-focused marketing canvas built around #010102 (the deepest dark surface of any tool in this collection),

### Sentry - Error monitoring. - Dark dashboard, data-dense, pink-purple accent - Sentry's website is a dark-mode-first developer tool interface that speaks the language of code editors and terminal windows. The entire aes

### Mintlify - Documentation platform. - Clean, green-accented, reading-optimized - description: Mintlify presents documentation infrastructure with a dual-mode aesthetic — atmospheric sky-gradient marketing heroes (cloud il

### Intercom - Customer messaging. - Friendly blue palette, conversational UI patterns - description: "An editorial customer-service marketing canvas built around a soft cream-white ground, charcoal type set in Saans (Intercom's

Primer is the open-source design system that powers GitHub. It is built to be accessible, consistent, and efficient, focusing on developer productivity and complex information density.

Rive's design system is "The Engine of Motion." It is a dark-first, technical environment designed for high-performance animation and real-time interaction. It uses high-vibrancy "neon" accents against a deep black canvas.

explainx.ai is a terminal-inspired, clean, and highly functional registry for AI agents and skills. The aesthetic is "Modern Terminal" — combining the precision of developer tools with modern web clarity.

Jio's design system is built for "Digital Inclusivity." It is a vibrant, accessible, and high-density environment designed to power India's digital life across telecom, entertainment, and commerce.

Descript's design system is "Media Editing for the Post-Text World." It is a high-contrast, energetic environment that combines the precision of a video editor with the clarity of a modern text processor.

Dropbox's design system, DIG, focuses on "Expressive Contrast" and "Collaborative Clarity." It is a professional yet creative environment designed to help teams focus on their work.

Cron's design system is "The Masterpiece of Time." It is a precision-engineered, dark-first environment that prioritizes speed, density, and zero-distraction scheduling for power users.

Slack's design system is a "digital headquarters." It balances professional productivity with a friendly, conversational humanism. It is characterized by its iconic Aubergine sidebar and vibrant, multi-colored accents.

Razorpay's design system, Blade, is a "Developer-First Financial Canvas." It is built on the philosophy of absolute consistency between Figma and Code, using a highly tokenized structure to power India's payment infrastructure.

BGRemover Video is a professional-grade creative studio tool for background removal. It follows the "Dark Mode by Default" pattern of high-end video editing software.

Olly is a playful, energetic AI engagement agent for social media. The aesthetic is fast, friendly, and highly interactive.

Beehiiv's design system is "The Newsletter Engine." It is a high-energy, "neon-noir" environment that uses its signature vibrant yellow and bold black borders to create a disruptive, tool-forward feel.

DeepL's design system is built for "Trust and Precision." It uses a sophisticated dark blue and clean neutrals to establish its status as the world's most accurate translation tool.

BigBasket's design system is built for "Freshness and Reliability." It uses a multi-color palette (Green, Red, Blue) to represent the diversity of its grocery catalog and its commitment to quality.

Kagi's design system is "The Human-Centric Search." It rejects the ads and clutter of traditional search engines for a clean, "natural" aesthetic that prioritizes high-quality information and user privacy.

Arc's design system is "The Internet's Sidebar." It is a translucent, material-first environment that emphasizes customization, focus, and a "sampling" of the user's desktop context.

BGBlur is a utilitarian privacy tool for focus and clarity in photography and video.

### Wise - International money transfer. - Bright green accent, friendly and clear - Wise's website is a bold, confident fintech platform that communicates "money without borders" through massive typography and a distinctive

### Uber - Mobility platform. - Bold black and white, tight type, urban energy - Uber's design language is a masterclass in confident minimalism -- a black-and-white universe where every pixel serves a purpose and nothing

### Notion - All-in-one workspace. - Warm minimalism, serif headings, soft surfaces - description: Notion presents itself as the all-in-one workspace through a confident, illustration-rich brand voice — anchored by a deep navy

### RunwayML - AI video generation. - Cinematic dark UI, media-rich layout - Runway's interface is a cinematic reel brought to life as a website — a dark, editorial, film-production-grade design where full-bleed photo

### Revolut - Digital banking. - Sleek dark interface, gradient cards, fintech precision - Revolut's marketing surfaces pair a stark black canvas with the brand's

### Mistral AI - Open-weight LLM provider. - French-engineered minimalism, purple-toned - description: Mistral AI brands itself with a singular signature — atmospheric sunset gradients (mustard, orange, deep red) layered over phot

### OpenCode AI - AI coding platform. - Developer-centric dark theme - A terminal-native marketing system rendered entirely in Berkeley Mono — every word on the page, from the hero headline down to the footer fi

### Minimax - AI model provider. - Bold dark interface with neon accents - description: MiniMax presents itself as a premium AI infrastructure brand through a striking duality — bold black-pill CTAs and stark white

### Ferrari - Luxury automotive. - Chiaroscuro black-white editorial, Ferrari Red with extreme sparseness - description: A luxury-automotive brand whose marketing surfaces read as cinematic editorial. The base canvas is **near-black** (`#181818`) h

### Lamborghini - Luxury automotive. - True black cathedral, gold accent, LamboType custom Neo-Grotesk - Lamborghini's website is a cathedral of darkness — a digital stage where jet-black surfaces stretch infinitely and every element emerges fro

### ClickHouse - Fast analytics database. - Yellow-accented, technical documentation style - description: A high-performance database interface anchored on near-pure black canvas with electric yellow as the brand voltage. White typog

### Miro - Visual collaboration. - Bright yellow accent, infinite canvas aesthetic - description: Miro presents itself as the AI-powered visual workspace through a confident, almost playful brand voice — anchored by its signa

### Coinbase - Crypto exchange. - Clean blue identity, trust-focused, institutional feel - description: An institutional-grade crypto exchange whose marketing surfaces read like a quietly-confident financial-services brand. The bas

### Bugatti - Luxury hypercar. - Cinema-black canvas, monochrome austerity, monumental display type - description: An austere luxury-automotive interface that uses near-pure black canvas, white uppercase letterspaced display, and full-bleed a

### Airbnb - Travel marketplace. - Warm coral accent, photography-driven, rounded UI - description: A warm, generous consumer marketplace anchored on a clean white canvas and Airbnb Rausch (#ff385c), the single brand voltage th

### BMW - Luxury automotive. - Dark premium surfaces, precise German engineering aesthetic - description: BMW's corporate site — distinct from BMW M's motorsport-bombastic variant, this is a measured and settled corporate-automotive

### Apple - Consumer electronics. - Premium white space, SF Pro, cinematic imagery - description: A photography-first interface that turns marketing into a museum gallery. Edge-to-edge product tiles alternate light and dark c

BYJU'S design system is "Playful Discovery." It uses a signature purple-and-pink palette and rounded, friendly shapes to make learning feel like an adventure for students of all ages.

Cash App's design system is "Financial Brutalism." It is a high-energy, high-contrast environment that rejects traditional banking aesthetics in favor of a bold, youth-centric, and slightly "glitchy" visual language.

BookMyShow's design system is "The Ticket to Entertainment." It uses a high-contrast red-and-white palette for utility, transitioning into rich, cosmic gradients for discovery and mood.

Discord's design system is built for the "always-on" gamer and community member. It prioritizes comfort during long sessions, high-density chat readability, and a playful, vibrant brand voice.

Height's design system is "Task Management as Art." It is known for its extreme level of UI polish, high information density, and a "mechanical" precision that makes project management feel fast and responsive.

Ghost's design system is "The Professional Publisher." It is a minimalist, focused environment designed to help creators write and manage their newsletters and publications with absolute clarity.

Loom's design system is "The Communication Bridge." Recently updated to align with Atlassian's design language, it uses a professional blue palette and friendly, approachable components to make video messaging effortless.

Licious's design system is "Hearty and Fresh." It uses a rich "Hearty Red" and smoky neutrals to create an appetite-driven, premium experience for meat and seafood delivery.

Tally's design system is "The Minimalist Builder." Often compared to Notion, it uses a clean, text-first environment with simple teal accents and pastel backgrounds to make form building feel like writing a document.

Reddit's design system is built for the "front page of the internet." It prioritizes community discourse, content density, and a vibrant, "meme-ready" brand voice.

Reflect's design system is "The Minimalist Second Brain." It is an elegant, typography-first environment designed for deep focus, structured notes, and frictionless data recall.

Paytm's design system is "The Digital Revolution." It uses a dual-blue palette to represent the bridge between traditional trust (Midnight Blue) and the future of digital payments (Cyan).

Nykaa's design system is "Fearless, Feminine, and Functional." It is a clean, beauty-first environment that uses its signature pink to create a sense of excitement and empowerment.