150 個のデザインシステム。.

Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.

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

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

Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.

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

App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.

"The browser that browses for you." Translucent surfaces, gradient warmth, sidebar-first layout.

High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.

A magazine-grade, collage-driven visual system: warm paper canvas, surreal plaster-and-architecture imagery, oversized display type, hairline rules, Roman-numeral section markers, and tiny editorial annotations. Inspired by the production values of high-end print magazines (Monocle, Apartamento, IDEA) translated into a working website.

Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.

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

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

Motorsport performance sub-brand. Near-black cockpit surfaces, BMW M tricolor accents, sharp engineering geometry.

Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.

Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.

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

Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.

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

Visual creation platform. Vivid purple-blue gradient, generous spacing, friendly geometry.

Enterprise infrastructure brand. Dark trust surfaces, Cisco Blue signal, technical clarity.

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

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

Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.

Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.

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

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

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

Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.

Tool integration platform. Modern dark with colorful integration icons.

Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.

Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.

Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.

Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.

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

Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.

Voice / chat platform. Deep blurple, dark-first surfaces, playful accent moments.

Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.

Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.

High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.

Language-learning platform. Bright owl green, chunky shadows, gamified joy.

Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.

Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.

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

Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.

Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured layouts.

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

Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.

Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.

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

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

Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.

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

Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.

Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.

Code-forward platform. Functional density, blue-on-white precision, Primer foundations.

Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.

Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.

Infrastructure automation. Enterprise-clean, black and white.

Fighter jet / helicopter head-up display. Phosphor green on near-black, all-caps data overlays, angular geometry. Zero ambiguity at speed and altitude.

ML community hub. Sunny yellow accent, monospace identity, cheerful and dense.

Enterprise technology. Carbon design system, structured blue palette.

Customer messaging. Friendly blue palette, conversational UI patterns.

kami (紙 / 纸) は デザインシステム の方向性を DESIGN.md として整理した、移植可能なデザインシステムです。

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

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

Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.

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

Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.

Loom async video. Purple primary, friendly surfaces, video-first layout. Clean and professional without being corporate.

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

High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for luxury brand experiences.

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

Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.

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

Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.

AI model provider. Bold dark interface with neon accents.

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

Visual collaboration. Bright yellow accent, infinite canvas aesthetic.

Space/aerospace mission monitoring. Dark command center, amber telemetry, monospace precision. Functional clarity above all else.

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

Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.

Document database. Green leaf branding, developer documentation focus.

Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.

Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.

Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.

Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.

A clean, product-oriented default. Use when the brief doesn't call for a specific mood — good for B2B tools, dashboards, and utility pages.

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

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

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

Run LLMs locally. Terminal-first, monochrome simplicity.

Calm, near-monochrome system anchored in deep teal-black with generous white space and editorial typography.

AI coding platform. Developer-centric dark theme.

Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.

Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.

Conversational AI search engine. Deep-dark canvas, sharp typography, single violet accent, dense information hierarchy.

Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.

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

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

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

Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.

Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.

Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.

Productivity launcher. Sleek dark chrome, vibrant gradient accents.

Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.

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

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

Email API. Minimal dark theme, monospace accents.

Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.

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

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

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

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

Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.

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

Straightforward, no-frills design with clean typography, neutral colors, and intuitive layouts that stay out of the way.

Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.

Workplace communication platform. Aubergine-primary, multi-accent logo palette, light surfaces with dark sidebar, warm and approachable.

Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.

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

Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.

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

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

Narrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys.

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

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

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

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

Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.

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

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

Surface: web A cosmic-premium, glassmorphic dark system that captures the visceral awe of a solar eclipse — obsidian surfaces, amber "corona" highlights, and cyan atmospheric accents.

Bloomberg-style financial trading terminal. Dark-only, data-dense, cyan/coral buy/sell signals. Everything readable at a glance from two meters away.

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

Frontend deployment. Black and white precision, Geist font.

Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.

1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.

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

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

A serif-led magazine aesthetic. Terracotta accent on warm off-white paper — good for long-form, editorial, and brand-led marketing pages.

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

Collaboration platform. Momentum typography, blue action system, multi-user accent spectrum.

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

Brand visual language for WeChat Mini Programs, official accounts, and open ecosystem extensions.

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

Money transfer. Bright green accent, friendly and clear.

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

Lifestyle UGC social platform. Singular brand red, generous radius, content-first.

Automation platform. Warm orange, friendly illustration-driven.