2984 lines
74 KiB
TypeScript
2984 lines
74 KiB
TypeScript
import type { DesignSystemDefinition } from "./types";
|
|
|
|
export const STARTER_KITS: DesignSystemDefinition[] = [
|
|
{
|
|
"id": "airbnb",
|
|
"name": "Design System Inspired by Airbnb",
|
|
"tagline": "Category: E-Commerce & Retail",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "apple",
|
|
"name": "Design System Inspired by Apple",
|
|
"tagline": "Category: Media & Consumer",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "cursor",
|
|
"name": "Design System Inspired by Cursor",
|
|
"tagline": "Category: Developer Tools",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "discord",
|
|
"name": "Design System Inspired by Discord",
|
|
"tagline": "Category: Productivity & SaaS",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "figma",
|
|
"name": "Design System Inspired by Figma",
|
|
"tagline": "Category: Design & Creative",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "github",
|
|
"name": "Design System Inspired by GitHub",
|
|
"tagline": "Category: Developer Tools",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "kami",
|
|
"name": "Design System Inspired by kami (紙 / 纸)",
|
|
"tagline": "Category: Editorial & Print",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "linear-app",
|
|
"name": "Design System Inspired by Linear",
|
|
"tagline": "Category: Productivity & SaaS",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "notion",
|
|
"name": "Design System Inspired by Notion",
|
|
"tagline": "Category: Productivity & SaaS",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "openai",
|
|
"name": "Design System Inspired by OpenAI",
|
|
"tagline": "Category: AI & LLM",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "shopify",
|
|
"name": "Design System Inspired by Shopify",
|
|
"tagline": "Category: E-Commerce & Retail",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "slack",
|
|
"name": "Design System Inspired by Slack",
|
|
"tagline": "Category: Productivity & SaaS",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "spotify",
|
|
"name": "Design System Inspired by Spotify",
|
|
"tagline": "Category: Media & Consumer",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "stripe",
|
|
"name": "Design System Inspired by Stripe",
|
|
"tagline": "Category: Fintech & Crypto",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "uber",
|
|
"name": "Design System Inspired by Uber",
|
|
"tagline": "Category: Media & Consumer",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "vercel",
|
|
"name": "Design System Inspired by Vercel",
|
|
"tagline": "Category: Developer Tools",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "default",
|
|
"name": "Neutral Modern",
|
|
"tagline": "Category: Starter",
|
|
"hasPreview": true,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "atelier-zero",
|
|
"name": "Atelier Zero",
|
|
"tagline": "Category: Editorial · Studio",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "agentic",
|
|
"name": "Design System Inspired by Agentic",
|
|
"tagline": "Category: Themed & Unique",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "airtable",
|
|
"name": "Design System Inspired by Airtable",
|
|
"tagline": "Category: Design & Creative",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "ant",
|
|
"name": "Design System Inspired by Ant",
|
|
"tagline": "Category: Professional & Corporate",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "application",
|
|
"name": "Design System Inspired by Application",
|
|
"tagline": "Category: Professional & Corporate",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "arc",
|
|
"name": "Design System Inspired by Arc Browser",
|
|
"tagline": "Category: Productivity & SaaS",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "artistic",
|
|
"name": "Design System Inspired by Artistic",
|
|
"tagline": "Category: Creative & Artistic",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "bento",
|
|
"name": "Design System Inspired by Bento",
|
|
"tagline": "Category: Layout & Structure",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "binance",
|
|
"name": "Design System Inspired by Binance.US",
|
|
"tagline": "Category: Fintech & Crypto",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "bmw",
|
|
"name": "Design System Inspired by BMW",
|
|
"tagline": "Category: Automotive",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "bmw-m",
|
|
"name": "Design System Inspired by BMW M",
|
|
"tagline": "Category: Automotive",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "bold",
|
|
"name": "Design System Inspired by Bold",
|
|
"tagline": "Category: Bold & Expressive",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "brutalism",
|
|
"name": "Design System Inspired by Brutalism",
|
|
"tagline": "Category: Bold & Expressive",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "bugatti",
|
|
"name": "Design System Inspired by Bugatti",
|
|
"tagline": "Category: Automotive",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "cafe",
|
|
"name": "Design System Inspired by Cafe",
|
|
"tagline": "Category: Creative & Artistic",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "cal",
|
|
"name": "Design System Inspired by Cal.com",
|
|
"tagline": "Category: Productivity & SaaS",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "canva",
|
|
"name": "Design System Inspired by Canva",
|
|
"tagline": "Category: Design & Creative",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "cisco",
|
|
"name": "Design System Inspired by Cisco",
|
|
"tagline": "Category: Backend & Data",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "claude",
|
|
"name": "Design System Inspired by Claude (Anthropic)",
|
|
"tagline": "Category: AI & LLM",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "clay",
|
|
"name": "Design System Inspired by Clay",
|
|
"tagline": "Category: Design & Creative",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "claymorphism",
|
|
"name": "Design System Inspired by Claymorphism",
|
|
"tagline": "Category: Morphism & Effects",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "clean",
|
|
"name": "Design System Inspired by Clean",
|
|
"tagline": "Category: Modern & Minimal",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "clickhouse",
|
|
"name": "Design System Inspired by ClickHouse",
|
|
"tagline": "Category: Backend & Data",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "cohere",
|
|
"name": "Design System Inspired by Cohere",
|
|
"tagline": "Category: AI & LLM",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "coinbase",
|
|
"name": "Design System Inspired by Coinbase",
|
|
"tagline": "Category: Fintech & Crypto",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "colorful",
|
|
"name": "Design System Inspired by Colorful",
|
|
"tagline": "Category: Bold & Expressive",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "composio",
|
|
"name": "Design System Inspired by Composio",
|
|
"tagline": "Category: Backend & Data",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "contemporary",
|
|
"name": "Design System Inspired by Contemporary",
|
|
"tagline": "Category: Modern & Minimal",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "corporate",
|
|
"name": "Design System Inspired by Corporate",
|
|
"tagline": "Category: Professional & Corporate",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "cosmic",
|
|
"name": "Design System Inspired by Cosmic",
|
|
"tagline": "Category: Creative & Artistic",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "creative",
|
|
"name": "Design System Inspired by Creative",
|
|
"tagline": "Category: Creative & Artistic",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "dashboard",
|
|
"name": "Design System Inspired by Dashboard",
|
|
"tagline": "Category: Professional & Corporate",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "dithered",
|
|
"name": "Design System Inspired by Dithered",
|
|
"tagline": "Category: Retro & Nostalgic",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "doodle",
|
|
"name": "Design System Inspired by Doodle",
|
|
"tagline": "Category: Creative & Artistic",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "dramatic",
|
|
"name": "Design System Inspired by Dramatic",
|
|
"tagline": "Category: Bold & Expressive",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "duolingo",
|
|
"name": "Design System Inspired by Duolingo",
|
|
"tagline": "Category: Productivity & SaaS",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "editorial",
|
|
"name": "Design System Inspired by Editorial",
|
|
"tagline": "Category: Creative & Artistic",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "elegant",
|
|
"name": "Design System Inspired by Elegant",
|
|
"tagline": "Category: Professional & Corporate",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "elevenlabs",
|
|
"name": "Design System Inspired by ElevenLabs",
|
|
"tagline": "Category: AI & LLM",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "energetic",
|
|
"name": "Design System Inspired by Energetic",
|
|
"tagline": "Category: Bold & Expressive",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "enterprise",
|
|
"name": "Design System Inspired by Enterprise",
|
|
"tagline": "Category: Professional & Corporate",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "expo",
|
|
"name": "Design System Inspired by Expo",
|
|
"tagline": "Category: Developer Tools",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "expressive",
|
|
"name": "Design System Inspired by Expressive",
|
|
"tagline": "Category: Bold & Expressive",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "fantasy",
|
|
"name": "Design System Inspired by Fantasy",
|
|
"tagline": "Category: Creative & Artistic",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "ferrari",
|
|
"name": "Design System Inspired by Ferrari",
|
|
"tagline": "Category: Automotive",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "flat",
|
|
"name": "Design System Inspired by Flat",
|
|
"tagline": "Category: Modern & Minimal",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "framer",
|
|
"name": "Design System Inspired by Framer",
|
|
"tagline": "Category: Design & Creative",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "friendly",
|
|
"name": "Design System Inspired by Friendly",
|
|
"tagline": "Category: Creative & Artistic",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "futuristic",
|
|
"name": "Design System Inspired by Futuristic",
|
|
"tagline": "Category: Themed & Unique",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "glassmorphism",
|
|
"name": "Design System Inspired by Glassmorphism",
|
|
"tagline": "Category: Morphism & Effects",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "gradient",
|
|
"name": "Design System Inspired by Gradient",
|
|
"tagline": "Category: Morphism & Effects",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "hashicorp",
|
|
"name": "Design System Inspired by HashiCorp",
|
|
"tagline": "Category: Backend & Data",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "huggingface",
|
|
"name": "Design System Inspired by Hugging Face",
|
|
"tagline": "Category: AI & LLM",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "ibm",
|
|
"name": "Design System Inspired by IBM",
|
|
"tagline": "Category: Media & Consumer",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "intercom",
|
|
"name": "Design System Inspired by Intercom",
|
|
"tagline": "Category: Productivity & SaaS",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "kraken",
|
|
"name": "Design System Inspired by Kraken",
|
|
"tagline": "Category: Fintech & Crypto",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "lamborghini",
|
|
"name": "Design System Inspired by Lamborghini",
|
|
"tagline": "Category: Automotive",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "levels",
|
|
"name": "Design System Inspired by Levels",
|
|
"tagline": "Category: Layout & Structure",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "lingo",
|
|
"name": "Design System Inspired by Lingo",
|
|
"tagline": "Category: Creative & Artistic",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "lovable",
|
|
"name": "Design System Inspired by Lovable",
|
|
"tagline": "Category: Developer Tools",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "luxury",
|
|
"name": "Design System Inspired by Luxury",
|
|
"tagline": "Category: Professional & Corporate",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "mastercard",
|
|
"name": "Design System Inspired by Mastercard",
|
|
"tagline": "Category: Fintech & Crypto",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "material",
|
|
"name": "Design System Inspired by Material",
|
|
"tagline": "Category: Professional & Corporate",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "meta",
|
|
"name": "Design System Inspired by Meta (Store)",
|
|
"tagline": "Category: E-Commerce & Retail",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "minimal",
|
|
"name": "Design System Inspired by Minimal",
|
|
"tagline": "Category: Modern & Minimal",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "minimax",
|
|
"name": "Design System Inspired by MiniMax",
|
|
"tagline": "Category: AI & LLM",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "mintlify",
|
|
"name": "Design System Inspired by Mintlify",
|
|
"tagline": "Category: Productivity & SaaS",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "miro",
|
|
"name": "Design System Inspired by Miro",
|
|
"tagline": "Category: Design & Creative",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "mistral-ai",
|
|
"name": "Design System Inspired by Mistral AI",
|
|
"tagline": "Category: AI & LLM",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "modern",
|
|
"name": "Design System Inspired by Modern",
|
|
"tagline": "Category: Modern & Minimal",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "mongodb",
|
|
"name": "Design System Inspired by MongoDB",
|
|
"tagline": "Category: Backend & Data",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "mono",
|
|
"name": "Design System Inspired by Mono",
|
|
"tagline": "Category: Modern & Minimal",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "neobrutalism",
|
|
"name": "Design System Inspired by Neobrutalism",
|
|
"tagline": "Category: Bold & Expressive",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "neon",
|
|
"name": "Design System Inspired by Neon",
|
|
"tagline": "Category: Morphism & Effects",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "neumorphism",
|
|
"name": "Design System Inspired by Neumorphism",
|
|
"tagline": "Category: Morphism & Effects",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "nike",
|
|
"name": "Design System Inspired by Nike",
|
|
"tagline": "Category: E-Commerce & Retail",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "nvidia",
|
|
"name": "Design System Inspired by NVIDIA",
|
|
"tagline": "Category: Media & Consumer",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "ollama",
|
|
"name": "Design System Inspired by Ollama",
|
|
"tagline": "Category: AI & LLM",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "opencode-ai",
|
|
"name": "Design System Inspired by OpenCode",
|
|
"tagline": "Category: AI & LLM",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "pacman",
|
|
"name": "Design System Inspired by Pacman",
|
|
"tagline": "Category: Themed & Unique",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "paper",
|
|
"name": "Design System Inspired by Paper",
|
|
"tagline": "Category: Retro & Nostalgic",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "perspective",
|
|
"name": "Design System Inspired by Perspective",
|
|
"tagline": "Category: Layout & Structure",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "pinterest",
|
|
"name": "Design System Inspired by Pinterest",
|
|
"tagline": "Category: Media & Consumer",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "playstation",
|
|
"name": "Design System Inspired by PlayStation",
|
|
"tagline": "Category: Media & Consumer",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "posthog",
|
|
"name": "Design System Inspired by PostHog",
|
|
"tagline": "Category: Backend & Data",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "premium",
|
|
"name": "Design System Inspired by Premium",
|
|
"tagline": "Category: Professional & Corporate",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "professional",
|
|
"name": "Design System Inspired by Professional",
|
|
"tagline": "Category: Professional & Corporate",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "publication",
|
|
"name": "Design System Inspired by Publication",
|
|
"tagline": "Category: Creative & Artistic",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "raycast",
|
|
"name": "Design System Inspired by Raycast",
|
|
"tagline": "Category: Developer Tools",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "refined",
|
|
"name": "Design System Inspired by Refined",
|
|
"tagline": "Category: Modern & Minimal",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "renault",
|
|
"name": "Design System Inspired by Renault",
|
|
"tagline": "Category: Automotive",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "replicate",
|
|
"name": "Design System Inspired by Replicate",
|
|
"tagline": "Category: AI & LLM",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "resend",
|
|
"name": "Design System Inspired by Resend",
|
|
"tagline": "Category: Productivity & SaaS",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "retro",
|
|
"name": "Design System Inspired by Retro",
|
|
"tagline": "Category: Retro & Nostalgic",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "revolut",
|
|
"name": "Design System Inspired by Revolut",
|
|
"tagline": "Category: Fintech & Crypto",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "runwayml",
|
|
"name": "Design System Inspired by Runway",
|
|
"tagline": "Category: AI & LLM",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "sanity",
|
|
"name": "Design System Inspired by Sanity",
|
|
"tagline": "Category: Backend & Data",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "sentry",
|
|
"name": "Design System Inspired by Sentry",
|
|
"tagline": "Category: Backend & Data",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "shadcn",
|
|
"name": "Design System Inspired by Shadcn",
|
|
"tagline": "Category: Modern & Minimal",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "simple",
|
|
"name": "Design System Inspired by Simple",
|
|
"tagline": "Category: Modern & Minimal",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "skeumorphism",
|
|
"name": "Design System Inspired by Skeumorphism",
|
|
"tagline": "Category: Morphism & Effects",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "sleek",
|
|
"name": "Design System Inspired by Sleek",
|
|
"tagline": "Category: Modern & Minimal",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "spacex",
|
|
"name": "Design System Inspired by SpaceX",
|
|
"tagline": "Category: Media & Consumer",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "spacious",
|
|
"name": "Design System Inspired by Spacious",
|
|
"tagline": "Category: Layout & Structure",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "starbucks",
|
|
"name": "Design System Inspired by Starbucks",
|
|
"tagline": "Category: E-Commerce & Retail",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "storytelling",
|
|
"name": "Design System Inspired by Storytelling",
|
|
"tagline": "Category: Creative & Artistic",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "supabase",
|
|
"name": "Design System Inspired by Supabase",
|
|
"tagline": "Category: Backend & Data",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "superhuman",
|
|
"name": "Design System Inspired by Superhuman",
|
|
"tagline": "Category: Developer Tools",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "tesla",
|
|
"name": "Design System Inspired by Tesla",
|
|
"tagline": "Category: Automotive",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "tetris",
|
|
"name": "Design System Inspired by Tetris",
|
|
"tagline": "Category: Themed & Unique",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "theverge",
|
|
"name": "Design System Inspired by The Verge",
|
|
"tagline": "Category: Media & Consumer",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "together-ai",
|
|
"name": "Design System Inspired by Together AI",
|
|
"tagline": "Category: AI & LLM",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "totality-festival",
|
|
"name": "Design System Inspired by Totality Festival",
|
|
"tagline": "Category: Themed & Unique",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "vibrant",
|
|
"name": "Design System Inspired by Vibrant",
|
|
"tagline": "Category: Bold & Expressive",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "vintage",
|
|
"name": "Design System Inspired by Vintage",
|
|
"tagline": "Category: Retro & Nostalgic",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "vodafone",
|
|
"name": "Design System Inspired by Vodafone",
|
|
"tagline": "Category: Media & Consumer",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "voltagent",
|
|
"name": "Design System Inspired by VoltAgent",
|
|
"tagline": "Category: AI & LLM",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "warp",
|
|
"name": "Design System Inspired by Warp",
|
|
"tagline": "Category: Developer Tools",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "webex",
|
|
"name": "Design System Inspired by Webex",
|
|
"tagline": "Category: Productivity & SaaS",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "webflow",
|
|
"name": "Design System Inspired by Webflow",
|
|
"tagline": "Category: Design & Creative",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "wired",
|
|
"name": "Design System Inspired by WIRED",
|
|
"tagline": "Category: Media & Consumer",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "wise",
|
|
"name": "Design System Inspired by Wise",
|
|
"tagline": "Category: Fintech & Crypto",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "x-ai",
|
|
"name": "Design System Inspired by xAI",
|
|
"tagline": "Category: AI & LLM",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "xiaohongshu",
|
|
"name": "Design System Inspired by Xiaohongshu",
|
|
"tagline": "Category: Media & Consumer",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "zapier",
|
|
"name": "Design System Inspired by Zapier",
|
|
"tagline": "Category: Productivity & SaaS",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "hud",
|
|
"name": "HUD Design System",
|
|
"tagline": "Category: Themed & Unique",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "loom",
|
|
"name": "Loom Design System",
|
|
"tagline": "Category: Themed & Unique",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "mission-control",
|
|
"name": "Mission Control Design System",
|
|
"tagline": "Category: Developer Tools",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "trading-terminal",
|
|
"name": "Trading Terminal Design System",
|
|
"tagline": "Category: Themed & Unique",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "urdu",
|
|
"name": "Urdu Modern (Indus Script System)",
|
|
"tagline": "Category: Editorial / Personal / Publication",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "warm-editorial",
|
|
"name": "Warm Editorial",
|
|
"tagline": "Category: Starter",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
},
|
|
{
|
|
"id": "wechat",
|
|
"name": "WeChat Design System",
|
|
"tagline": "Category: Social & Messaging",
|
|
"hasPreview": false,
|
|
"defaults": {
|
|
"accentHex": "#000000",
|
|
"radiusMdPx": 8,
|
|
"fontPreset": "inter",
|
|
"density": "comfortable"
|
|
},
|
|
"customizeFields": [
|
|
"accent",
|
|
"radius",
|
|
"font",
|
|
"density"
|
|
],
|
|
"uiFoundation": "agnostic",
|
|
"foundationNotesForAi": "Read DESIGN.md and tokens.css for specific component styling."
|
|
}
|
|
]; |