mirror of
https://github.com/hanzo-apps/hanzo.ai.git
synced 2026-10-28 07:32:52 +00:00
zooqueen
971fa5006c
Two kinds of literal, two different answers, and neither is "name the hex". EIGHTY-ONE were the integration catalogue on /automations — OpenAI's green, Slack's aubergine, eighty more. A vendor's brand colour is not a theme value and no token can hold it, so the fix is not to name them but to stop keeping them in a component. `lib/data` is where connectors, papers, pricing and models already live; the catalogue joins them and the page imports it. The linter does not read JSON, which is a consequence rather than the reason. NINETY-ONE were white at an alpha — rgb(255 255 255 / 0.1) and friends — written out in forty-one files while @hanzo/design publishes that exact ladder, nineteen rungs from --white-03 to --white-92. Each conversion is the same colour under its own name; the twenty alphas with no rung are left alone rather than rounded to a neighbour, because a rounded colour is a changed one. Comments are skipped, so the prose that discusses rgba(255,255,255,.1) still says it. raw-color 331 -> 175 against a ceiling of 209, and inline-style falls 64 -> 50 on the way, since an inline value that is var(--token) is what that rule asks for. Verified on /enso, /automations and /team/vi: no element resolves a var() to nothing.
507 lines
8.6 KiB
JSON
507 lines
8.6 KiB
JSON
[
|
||
{
|
||
"name": "OpenAI",
|
||
"category": "ai",
|
||
"icon": "🤖",
|
||
"color": "#10a37f",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "Anthropic Claude",
|
||
"category": "ai",
|
||
"icon": "🧠",
|
||
"color": "#cc785c",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "Google Gemini",
|
||
"category": "ai",
|
||
"icon": "✨",
|
||
"color": "#4285f4",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "Azure OpenAI",
|
||
"category": "ai",
|
||
"icon": "☁️",
|
||
"color": "#0078d4"
|
||
},
|
||
{
|
||
"name": "Hugging Face",
|
||
"category": "ai",
|
||
"icon": "🤗",
|
||
"color": "#ff9d00"
|
||
},
|
||
{
|
||
"name": "Replicate",
|
||
"category": "ai",
|
||
"icon": "🔄",
|
||
"color": "#000000"
|
||
},
|
||
{
|
||
"name": "Stability AI",
|
||
"category": "ai",
|
||
"icon": "🎨",
|
||
"color": "#9333ea"
|
||
},
|
||
{
|
||
"name": "ElevenLabs",
|
||
"category": "ai",
|
||
"icon": "🔊",
|
||
"color": "#000000"
|
||
},
|
||
{
|
||
"name": "Deepgram",
|
||
"category": "ai",
|
||
"icon": "🎙️",
|
||
"color": "#13ef93"
|
||
},
|
||
{
|
||
"name": "Slack",
|
||
"category": "communication",
|
||
"icon": "💬",
|
||
"color": "#4A154B",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "Discord",
|
||
"category": "communication",
|
||
"icon": "🎮",
|
||
"color": "#5865F2",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "Telegram",
|
||
"category": "communication",
|
||
"icon": "✈️",
|
||
"color": "#0088cc"
|
||
},
|
||
{
|
||
"name": "WhatsApp",
|
||
"category": "communication",
|
||
"icon": "📱",
|
||
"color": "#25D366",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "Microsoft Teams",
|
||
"category": "communication",
|
||
"icon": "👥",
|
||
"color": "#6264A7"
|
||
},
|
||
{
|
||
"name": "Twilio",
|
||
"category": "communication",
|
||
"icon": "📞",
|
||
"color": "#F22F46"
|
||
},
|
||
{
|
||
"name": "Zoom",
|
||
"category": "communication",
|
||
"icon": "📹",
|
||
"color": "#2D8CFF"
|
||
},
|
||
{
|
||
"name": "Google Chat",
|
||
"category": "communication",
|
||
"icon": "💭",
|
||
"color": "#00AC47"
|
||
},
|
||
{
|
||
"name": "Notion",
|
||
"category": "productivity",
|
||
"icon": "📝",
|
||
"color": "#000000",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "Airtable",
|
||
"category": "productivity",
|
||
"icon": "📊",
|
||
"color": "#18BFFF",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "Google Sheets",
|
||
"category": "productivity",
|
||
"icon": "📗",
|
||
"color": "#34A853",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "Google Docs",
|
||
"category": "productivity",
|
||
"icon": "📄",
|
||
"color": "#4285F4"
|
||
},
|
||
{
|
||
"name": "Google Drive",
|
||
"category": "productivity",
|
||
"icon": "📁",
|
||
"color": "#4285F4",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "Dropbox",
|
||
"category": "productivity",
|
||
"icon": "📦",
|
||
"color": "#0061FF"
|
||
},
|
||
{
|
||
"name": "Calendly",
|
||
"category": "productivity",
|
||
"icon": "📅",
|
||
"color": "#006BFF"
|
||
},
|
||
{
|
||
"name": "Google Calendar",
|
||
"category": "productivity",
|
||
"icon": "🗓️",
|
||
"color": "#4285F4"
|
||
},
|
||
{
|
||
"name": "Trello",
|
||
"category": "productivity",
|
||
"icon": "📋",
|
||
"color": "#0079BF"
|
||
},
|
||
{
|
||
"name": "Asana",
|
||
"category": "productivity",
|
||
"icon": "✅",
|
||
"color": "#F06A6A"
|
||
},
|
||
{
|
||
"name": "ClickUp",
|
||
"category": "productivity",
|
||
"icon": "🎯",
|
||
"color": "#7B68EE"
|
||
},
|
||
{
|
||
"name": "Linear",
|
||
"category": "productivity",
|
||
"icon": "📐",
|
||
"color": "#5E6AD2",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "Jira",
|
||
"category": "productivity",
|
||
"icon": "🔷",
|
||
"color": "#0052CC"
|
||
},
|
||
{
|
||
"name": "PostgreSQL",
|
||
"category": "data",
|
||
"icon": "🐘",
|
||
"color": "#336791"
|
||
},
|
||
{
|
||
"name": "MySQL",
|
||
"category": "data",
|
||
"icon": "🐬",
|
||
"color": "#4479A1"
|
||
},
|
||
{
|
||
"name": "MongoDB",
|
||
"category": "data",
|
||
"icon": "🍃",
|
||
"color": "#47A248"
|
||
},
|
||
{
|
||
"name": "Redis",
|
||
"category": "data",
|
||
"icon": "🔴",
|
||
"color": "#DC382D"
|
||
},
|
||
{
|
||
"name": "Supabase",
|
||
"category": "data",
|
||
"icon": "⚡",
|
||
"color": "#3ECF8E"
|
||
},
|
||
{
|
||
"name": "Firebase",
|
||
"category": "data",
|
||
"icon": "🔥",
|
||
"color": "#FFCA28"
|
||
},
|
||
{
|
||
"name": "AWS S3",
|
||
"category": "data",
|
||
"icon": "☁️",
|
||
"color": "#FF9900"
|
||
},
|
||
{
|
||
"name": "Google Cloud Storage",
|
||
"category": "data",
|
||
"icon": "☁️",
|
||
"color": "#4285F4"
|
||
},
|
||
{
|
||
"name": "Snowflake",
|
||
"category": "data",
|
||
"icon": "❄️",
|
||
"color": "#29B5E8"
|
||
},
|
||
{
|
||
"name": "BigQuery",
|
||
"category": "data",
|
||
"icon": "📊",
|
||
"color": "#4285F4"
|
||
},
|
||
{
|
||
"name": "Salesforce",
|
||
"category": "crm",
|
||
"icon": "☁️",
|
||
"color": "#00A1E0",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "HubSpot",
|
||
"category": "crm",
|
||
"icon": "🧡",
|
||
"color": "#FF7A59",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "Pipedrive",
|
||
"category": "crm",
|
||
"icon": "📈",
|
||
"color": "#1A1B1D"
|
||
},
|
||
{
|
||
"name": "Close",
|
||
"category": "crm",
|
||
"icon": "📞",
|
||
"color": "#252A3D"
|
||
},
|
||
{
|
||
"name": "Intercom",
|
||
"category": "crm",
|
||
"icon": "💬",
|
||
"color": "#1F8DED"
|
||
},
|
||
{
|
||
"name": "Zendesk",
|
||
"category": "crm",
|
||
"icon": "🎧",
|
||
"color": "#03363D"
|
||
},
|
||
{
|
||
"name": "Freshdesk",
|
||
"category": "crm",
|
||
"icon": "🎫",
|
||
"color": "#2C9F5B"
|
||
},
|
||
{
|
||
"name": "Apollo",
|
||
"category": "crm",
|
||
"icon": "🚀",
|
||
"color": "#5C5CFF"
|
||
},
|
||
{
|
||
"name": "Stripe",
|
||
"category": "commerce",
|
||
"icon": "💳",
|
||
"color": "#635BFF",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "Shopify",
|
||
"category": "commerce",
|
||
"icon": "🛒",
|
||
"color": "#96BF48",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "WooCommerce",
|
||
"category": "commerce",
|
||
"icon": "🛍️",
|
||
"color": "#96588A"
|
||
},
|
||
{
|
||
"name": "Square",
|
||
"category": "commerce",
|
||
"icon": "⬜",
|
||
"color": "#3E4348"
|
||
},
|
||
{
|
||
"name": "PayPal",
|
||
"category": "commerce",
|
||
"icon": "💰",
|
||
"color": "#003087"
|
||
},
|
||
{
|
||
"name": "Chargebee",
|
||
"category": "commerce",
|
||
"icon": "💵",
|
||
"color": "#FF6B35"
|
||
},
|
||
{
|
||
"name": "Paddle",
|
||
"category": "commerce",
|
||
"icon": "🏓",
|
||
"color": "#3F3F46"
|
||
},
|
||
{
|
||
"name": "LemonSqueezy",
|
||
"category": "commerce",
|
||
"icon": "🍋",
|
||
"color": "#FFC107"
|
||
},
|
||
{
|
||
"name": "Mailchimp",
|
||
"category": "marketing",
|
||
"icon": "🐵",
|
||
"color": "#FFE01B",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "SendGrid",
|
||
"category": "marketing",
|
||
"icon": "📧",
|
||
"color": "#1A82E2"
|
||
},
|
||
{
|
||
"name": "Resend",
|
||
"category": "marketing",
|
||
"icon": "✉️",
|
||
"color": "#000000"
|
||
},
|
||
{
|
||
"name": "ConvertKit",
|
||
"category": "marketing",
|
||
"icon": "📬",
|
||
"color": "#FB6970"
|
||
},
|
||
{
|
||
"name": "ActiveCampaign",
|
||
"category": "marketing",
|
||
"icon": "📊",
|
||
"color": "#356AE6"
|
||
},
|
||
{
|
||
"name": "Brevo",
|
||
"category": "marketing",
|
||
"icon": "📨",
|
||
"color": "#0092FF"
|
||
},
|
||
{
|
||
"name": "Customer.io",
|
||
"category": "marketing",
|
||
"icon": "👤",
|
||
"color": "#4EC4FA"
|
||
},
|
||
{
|
||
"name": "Postmark",
|
||
"category": "marketing",
|
||
"icon": "📮",
|
||
"color": "#FFDE00"
|
||
},
|
||
{
|
||
"name": "GitHub",
|
||
"category": "developer",
|
||
"icon": "🐙",
|
||
"color": "#181717",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "GitLab",
|
||
"category": "developer",
|
||
"icon": "🦊",
|
||
"color": "#FC6D26"
|
||
},
|
||
{
|
||
"name": "Vercel",
|
||
"category": "developer",
|
||
"icon": "▲",
|
||
"color": "#000000"
|
||
},
|
||
{
|
||
"name": "Netlify",
|
||
"category": "developer",
|
||
"icon": "🌐",
|
||
"color": "#00C7B7"
|
||
},
|
||
{
|
||
"name": "Railway",
|
||
"category": "developer",
|
||
"icon": "🚂",
|
||
"color": "#0B0D0E"
|
||
},
|
||
{
|
||
"name": "Render",
|
||
"category": "developer",
|
||
"icon": "🎨",
|
||
"color": "#46E3B7"
|
||
},
|
||
{
|
||
"name": "Sentry",
|
||
"category": "developer",
|
||
"icon": "🐛",
|
||
"color": "#362D59"
|
||
},
|
||
{
|
||
"name": "PagerDuty",
|
||
"category": "developer",
|
||
"icon": "🚨",
|
||
"color": "#06AC38"
|
||
},
|
||
{
|
||
"name": "Datadog",
|
||
"category": "developer",
|
||
"icon": "🐕",
|
||
"color": "#632CA6"
|
||
},
|
||
{
|
||
"name": "Twitter / X",
|
||
"category": "social",
|
||
"icon": "𝕏",
|
||
"color": "#000000"
|
||
},
|
||
{
|
||
"name": "LinkedIn",
|
||
"category": "social",
|
||
"icon": "🔗",
|
||
"color": "#0A66C2",
|
||
"popular": true
|
||
},
|
||
{
|
||
"name": "Instagram",
|
||
"category": "social",
|
||
"icon": "📸",
|
||
"color": "#E4405F"
|
||
},
|
||
{
|
||
"name": "Facebook",
|
||
"category": "social",
|
||
"icon": "📘",
|
||
"color": "#1877F2"
|
||
},
|
||
{
|
||
"name": "TikTok",
|
||
"category": "social",
|
||
"icon": "🎵",
|
||
"color": "#000000"
|
||
},
|
||
{
|
||
"name": "YouTube",
|
||
"category": "social",
|
||
"icon": "▶️",
|
||
"color": "#FF0000"
|
||
},
|
||
{
|
||
"name": "Pinterest",
|
||
"category": "social",
|
||
"icon": "📌",
|
||
"color": "#E60023"
|
||
},
|
||
{
|
||
"name": "Bluesky",
|
||
"category": "social",
|
||
"icon": "🦋",
|
||
"color": "#0085FF"
|
||
}
|
||
]
|