Merge pull request #177 from davidmonterocrespo24/feat-pricing-multipliers-and-canvas-tone

feat(landing+theme): multiplier pricing copy + softer canvas
This commit is contained in:
David Montero Crespo 2026-05-13 16:06:47 -03:00 committed by GitHub
commit 83f11f839a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
10 changed files with 118 additions and 112 deletions

View File

@ -95,7 +95,7 @@
"ai": {
"label": "KI-Agent",
"title": "Angetrieben von KI-Agenten.",
"subtitle": "Ein Multi-Step-Agent läuft im Editor. Er liest dein Canvas, schreibt Code, platziert Bauteile und verkabelt sie — alles per natürlicher Sprache. DeepSeek-V4-Flash und Gemini 2.5 unter der Haube.",
"subtitle": "Ein Multi-Step-Agent läuft im Editor. Er liest dein Canvas, schreibt Code, platziert Bauteile und verkabelt sie — alles per natürlicher Sprache. Unterstützt durch führende LLMs, automatisch geroutet nach Kosten und Verfügbarkeit.",
"cards": {
"wire": {
"title": "Bauteile platzieren & verdrahten",
@ -114,31 +114,31 @@
"pricing": {
"label": "Preise",
"title": "Schaltungen kostenlos. Du zahlst für die KI.",
"subtitle": "Der Simulator bleibt für immer kostenlos. Abos erhöhen nur das tägliche Nachrichtenkontingent des KI-Agenten.",
"subtitle": "Der Simulator bleibt für immer kostenlos. Pläne erhöhen nur das KI-Agent-Kontingent — Credits werden täglich erneuert.",
"popular": "Am beliebtesten",
"tiers": {
"free": {
"name": "Free",
"tagline": "Der gesamte Simulator, für immer.",
"f1": "20 KI-Nachrichten pro Tag",
"f2": "Alle Boards, alle Komponenten",
"f3": "Projekte speichern und teilen",
"cta": "Editor öffnen"
"tagline": "Entdecke den Simulator + leichte KI-Hilfe.",
"f1": "20 KI-Credits pro Tag (bis zu 300/Monat)",
"f2": "Alle 19 Boards + 48+ Komponenten",
"f3": "Echte CPU-Emulation, öffentliche Projekte",
"cta": "Loslegen"
},
"pro": {
"name": "Pro",
"tagline": "Für Maker mit echten Projekten.",
"f1": "300 KI-Nachrichten pro Tag",
"f2": "Schnellere Kompilierung + Simulation",
"f3": "Priorisierter E-Mail-Support",
"f1": "400 KI-Credits pro Tag (bis zu 12.000/Monat)",
"f2": "Private Projekte + Premium-Komponenten",
"f3": "Priorisierte Kompilier-Warteschlange, jederzeit kündbar",
"cta": "Pro abonnieren"
},
"pro_max": {
"name": "Pro Max",
"tagline": "Für Power-User und kleine Teams.",
"f1": "700 KI-Nachrichten pro Tag",
"f1": "1.000 KI-Credits pro Tag (bis zu 30.000/Monat)",
"f2": "Früher Zugriff auf neue Boards",
"f3": "Direkter Chat mit dem Maintainer",
"f3": "Direkter Support vom Maintainer",
"cta": "Pro Max wählen"
}
}

View File

@ -95,7 +95,7 @@
"ai": {
"label": "AI agent",
"title": "Powered by AI agents.",
"subtitle": "A multi-step agent runs inside the editor. It reads your canvas, writes code, places parts and wires them up — all driven by natural language. DeepSeek-V4-Flash and Gemini 2.5 under the hood.",
"subtitle": "A multi-step agent runs inside the editor. It reads your canvas, writes code, places parts and wires them up — all driven by natural language. Backed by frontier LLMs auto-routed for cost and reliability.",
"cards": {
"wire": {
"title": "Drop & wire components",
@ -114,31 +114,31 @@
"pricing": {
"label": "Pricing",
"title": "Free to run circuits. Pay for the AI.",
"subtitle": "The simulator stays free forever. Subscriptions only raise the AI agents daily message quota.",
"subtitle": "The simulator stays free forever. Plans only raise the AI agent quota — credits roll over each day.",
"popular": "Most popular",
"tiers": {
"free": {
"name": "Free",
"tagline": "Everything in the simulator, forever.",
"f1": "20 AI messages per day",
"f2": "All boards, all components",
"f3": "Save and share projects",
"cta": "Open the editor"
"tagline": "Discover the simulator + light AI help.",
"f1": "20 daily AI credits (up to 300/month)",
"f2": "All 19 boards + 48+ components",
"f3": "Real CPU emulation, public projects",
"cta": "Get started"
},
"pro": {
"name": "Pro",
"tagline": "For makers building real projects.",
"f1": "300 AI messages per day",
"f2": "Faster compile + simulation",
"f3": "Priority email support",
"tagline": "For makers building real projects with AI.",
"f1": "400 daily AI credits (up to 12,000/month)",
"f2": "Private projects + premium components",
"f3": "Priority compile queue, cancel anytime",
"cta": "Subscribe to Pro"
},
"pro_max": {
"name": "Pro Max",
"tagline": "For power users and small teams.",
"f1": "700 AI messages per day",
"f1": "1,000 daily AI credits (up to 30,000/month)",
"f2": "Early access to new boards",
"f3": "Dedicated chat with the maintainer",
"f3": "Direct support from the maintainer",
"cta": "Choose Pro Max"
}
}

View File

@ -95,7 +95,7 @@
"ai": {
"label": "Agente IA",
"title": "Impulsado por agentes de IA.",
"subtitle": "Un agente multi-paso corre dentro del editor. Lee tu canvas, escribe código, coloca componentes y los conecta — todo guiado por lenguaje natural. DeepSeek-V4-Flash y Gemini 2.5 por debajo.",
"subtitle": "Un agente multi-paso corre dentro del editor. Lee tu canvas, escribe código, coloca componentes y los conecta — todo por lenguaje natural. Respaldado por LLMs de frontera auto-ruteados por costo y disponibilidad.",
"cards": {
"wire": {
"title": "Coloca y cablea",
@ -114,31 +114,31 @@
"pricing": {
"label": "Precios",
"title": "Gratis para correr circuitos. Pagás la IA.",
"subtitle": "El simulador queda gratis para siempre. Las suscripciones solo aumentan el cupo diario de mensajes al agente.",
"subtitle": "El simulador queda gratis para siempre. Los planes solo elevan el cupo del agente IA — los créditos se renuevan cada día.",
"popular": "Más popular",
"tiers": {
"free": {
"name": "Free",
"tagline": "Todo el simulador, para siempre.",
"f1": "20 mensajes IA por día",
"f2": "Todas las placas, todos los componentes",
"f3": "Guardar y compartir proyectos",
"cta": "Abrir el editor"
"tagline": "Descubre el simulador + ayuda IA básica.",
"f1": "20 créditos IA diarios (hasta 300/mes)",
"f2": "Las 19 placas + 48+ componentes",
"f3": "Emulación real de CPU, proyectos públicos",
"cta": "Comenzar"
},
"pro": {
"name": "Pro",
"tagline": "Para makers haciendo proyectos reales.",
"f1": "300 mensajes IA por día",
"f2": "Compilación + simulación más rápida",
"f3": "Soporte prioritario por email",
"tagline": "Para makers construyendo proyectos reales.",
"f1": "400 créditos IA diarios (hasta 12.000/mes)",
"f2": "Proyectos privados + componentes premium",
"f3": "Cola de compilación prioritaria, cancelás cuando quieras",
"cta": "Suscribirme a Pro"
},
"pro_max": {
"name": "Pro Max",
"tagline": "Para power users y equipos chicos.",
"f1": "700 mensajes IA por día",
"f1": "1.000 créditos IA diarios (hasta 30.000/mes)",
"f2": "Acceso temprano a nuevas placas",
"f3": "Chat directo con el mantenedor",
"f3": "Soporte directo del mantenedor",
"cta": "Elegir Pro Max"
}
}

View File

@ -95,7 +95,7 @@
"ai": {
"label": "Agent IA",
"title": "Propulsé par des agents IA.",
"subtitle": "Un agent multi-étapes tourne dans léditeur. Il lit votre canvas, écrit du code, place des composants et les câble — le tout guidé par langage naturel. DeepSeek-V4-Flash et Gemini 2.5 sous le capot.",
"subtitle": "Un agent multi-étapes tourne dans léditeur. Il lit votre canvas, écrit du code, place des composants et les câble — le tout en langage naturel. Soutenu par des LLM de pointe routés automatiquement par coût et disponibilité.",
"cards": {
"wire": {
"title": "Déposer et câbler",
@ -114,31 +114,31 @@
"pricing": {
"label": "Tarifs",
"title": "Gratuit pour les circuits. Payez pour lIA.",
"subtitle": "Le simulateur reste gratuit pour toujours. Les abonnements augmentent uniquement la limite quotidienne de lagent IA.",
"subtitle": "Le simulateur reste gratuit pour toujours. Les forfaits augmentent seulement la quota de lagent IA — les crédits se renouvellent chaque jour.",
"popular": "Le plus populaire",
"tiers": {
"free": {
"name": "Free",
"tagline": "Tout le simulateur, pour toujours.",
"f1": "20 messages IA par jour",
"f2": "Toutes les cartes, tous les composants",
"f3": "Sauvegarde et partage de projets",
"cta": "Ouvrir léditeur"
"tagline": "Découvrez le simulateur + aide IA légère.",
"f1": "20 crédits IA par jour (jusquà 300/mois)",
"f2": "Les 19 cartes + 48+ composants",
"f3": "Émulation CPU réelle, projets publics",
"cta": "Commencer"
},
"pro": {
"name": "Pro",
"tagline": "Pour les makers en projets réels.",
"f1": "300 messages IA par jour",
"f2": "Compilation + simulation plus rapides",
"f3": "Support email prioritaire",
"f1": "400 crédits IA par jour (jusquà 12 000/mois)",
"f2": "Projets privés + composants premium",
"f3": "File de compilation prioritaire, annulez quand vous voulez",
"cta": "Sabonner à Pro"
},
"pro_max": {
"name": "Pro Max",
"tagline": "Pour power users et petites équipes.",
"f1": "700 messages IA par jour",
"f1": "1 000 crédits IA par jour (jusquà 30 000/mois)",
"f2": "Accès anticipé aux nouvelles cartes",
"f3": "Chat dédié avec le mainteneur",
"f3": "Support direct du mainteneur",
"cta": "Choisir Pro Max"
}
}

View File

@ -95,7 +95,7 @@
"ai": {
"label": "Agente IA",
"title": "Alimentato da agenti IA.",
"subtitle": "Un agente multi-step gira dentro leditor. Legge il tuo canvas, scrive codice, posiziona componenti e li collega — tutto guidato dal linguaggio naturale. DeepSeek-V4-Flash e Gemini 2.5 sotto il cofano.",
"subtitle": "Un agente multi-step gira dentro leditor. Legge il tuo canvas, scrive codice, posiziona componenti e li collega — tutto tramite linguaggio naturale. Supportato da LLM di frontiera instradati automaticamente per costo e disponibilità.",
"cards": {
"wire": {
"title": "Posiziona e collega",
@ -114,31 +114,31 @@
"pricing": {
"label": "Prezzi",
"title": "Gratis per i circuiti. Paghi per lIA.",
"subtitle": "Il simulatore resta gratis per sempre. Le sottoscrizioni alzano solo la quota giornaliera dellagente IA.",
"subtitle": "Il simulatore resta gratis per sempre. I piani alzano solo la quota dellagente IA — i crediti si rinnovano ogni giorno.",
"popular": "Più popolare",
"tiers": {
"free": {
"name": "Free",
"tagline": "Tutto il simulatore, per sempre.",
"f1": "20 messaggi IA al giorno",
"f2": "Tutte le schede, tutti i componenti",
"f3": "Salva e condividi progetti",
"cta": "Apri leditor"
"tagline": "Scopri il simulatore + aiuto IA leggero.",
"f1": "20 crediti IA giornalieri (fino a 300/mese)",
"f2": "Tutte le 19 schede + 48+ componenti",
"f3": "Emulazione CPU reale, progetti pubblici",
"cta": "Inizia"
},
"pro": {
"name": "Pro",
"tagline": "Per maker che costruiscono progetti reali.",
"f1": "300 messaggi IA al giorno",
"f2": "Compilazione + simulazione più veloci",
"f3": "Supporto email prioritario",
"f1": "400 crediti IA giornalieri (fino a 12.000/mese)",
"f2": "Progetti privati + componenti premium",
"f3": "Coda di compilazione prioritaria, cancella quando vuoi",
"cta": "Abbonati a Pro"
},
"pro_max": {
"name": "Pro Max",
"tagline": "Per power user e piccoli team.",
"f1": "700 messaggi IA al giorno",
"f1": "1.000 crediti IA giornalieri (fino a 30.000/mese)",
"f2": "Accesso anticipato alle nuove schede",
"f3": "Chat dedicata con il maintainer",
"f3": "Supporto diretto dal maintainer",
"cta": "Scegli Pro Max"
}
}

View File

@ -95,7 +95,7 @@
"ai": {
"label": "AIエージェント",
"title": "AIエージェントが動かしています。",
"subtitle": "マルチステップAIエージェントがエディタ内で動作。あなたのキャンバスを読み、コードを書き、部品を配置・配線します。自然言語ですべて完結。DeepSeek-V4-FlashとGemini 2.5を採用。",
"subtitle": "マルチステップAIエージェントがエディタ内で動作。あなたのキャンバスを読み、コードを書き、部品を配置・配線します。自然言語ですべて完結。最先端LLMをコストと可用性で自動ルーティング。",
"cards": {
"wire": {
"title": "配置と配線",
@ -114,31 +114,31 @@
"pricing": {
"label": "料金",
"title": "回路は無料。AIだけ有料。",
"subtitle": "シミュレータは永年無料。サブスクはAIエージェントの1日あたりメッセージ上限を増やすだけ。",
"subtitle": "シミュレータは永年無料。プランはAIエージェントの上限を引き上げるだけ — クレジットは毎日リセット。",
"popular": "人気",
"tiers": {
"free": {
"name": "Free",
"tagline": "シミュレータの全機能、永久に無料。",
"f1": "AIメッセージ 1日20回",
"f2": "全ボード・全コンポーネント",
"f3": "プロジェクトの保存・共有",
"cta": "エディタを開く"
"tagline": "シミュレータと軽量AIアシストを体験。",
"f1": "1日20 AIクレジット(月最大300)",
"f2": "全19ボード + 48+のコンポーネント",
"f3": "実機CPUエミュレーション、公開プロジェクト",
"cta": "始める"
},
"pro": {
"name": "Pro",
"tagline": "本格的なプロジェクトメーカー向け。",
"f1": "AIメッセージ 1日300回",
"f2": "より高速なコンパイル + シミュレーション",
"f3": "優先メールサポート",
"tagline": "本格的なプロジェクトを作るメーカー向け。",
"f1": "1日400 AIクレジット(月最大12,000)",
"f2": "プライベートプロジェクト + プレミアムコンポーネント",
"f3": "優先コンパイルキュー、いつでもキャンセル可能",
"cta": "Proを契約"
},
"pro_max": {
"name": "Pro Max",
"tagline": "パワーユーザーと小規模チーム向け。",
"f1": "AIメッセージ 1日700回",
"f1": "1日1,000 AIクレジット(月最大30,000)",
"f2": "新ボードへの早期アクセス",
"f3": "メンテナーとの専用チャット",
"f3": "メンテナーから直接サポート",
"cta": "Pro Maxを選ぶ"
}
}

View File

@ -95,7 +95,7 @@
"ai": {
"label": "Agente IA",
"title": "Movido por agentes de IA.",
"subtitle": "Um agente multi-etapas roda dentro do editor. Ele lê seu canvas, escreve código, coloca componentes e os conecta — tudo guiado por linguagem natural. DeepSeek-V4-Flash e Gemini 2.5 por baixo.",
"subtitle": "Um agente multi-etapas roda dentro do editor. Ele lê seu canvas, escreve código, coloca componentes e os conecta — tudo por linguagem natural. Suportado por LLMs de fronteira auto-roteados por custo e disponibilidade.",
"cards": {
"wire": {
"title": "Encaixe e conecte",
@ -114,31 +114,31 @@
"pricing": {
"label": "Preços",
"title": "Grátis para rodar circuitos. Pague pela IA.",
"subtitle": "O simulador continua grátis para sempre. Assinaturas apenas aumentam a cota diária do agente de IA.",
"subtitle": "O simulador continua grátis para sempre. Os planos só aumentam a cota do agente de IA — os créditos renovam todo dia.",
"popular": "Mais popular",
"tiers": {
"free": {
"name": "Free",
"tagline": "Tudo no simulador, para sempre.",
"f1": "20 mensagens de IA por dia",
"f2": "Todas as placas, todos os componentes",
"f3": "Salvar e compartilhar projetos",
"cta": "Abrir o editor"
"tagline": "Descubra o simulador + ajuda leve da IA.",
"f1": "20 créditos diários de IA (até 300/mês)",
"f2": "Todas as 19 placas + 48+ componentes",
"f3": "Emulação real de CPU, projetos públicos",
"cta": "Começar"
},
"pro": {
"name": "Pro",
"tagline": "Para makers construindo projetos reais.",
"f1": "300 mensagens de IA por dia",
"f2": "Compilação + simulação mais rápida",
"f3": "Suporte prioritário por email",
"f1": "400 créditos diários de IA (até 12.000/mês)",
"f2": "Projetos privados + componentes premium",
"f3": "Fila de compilação prioritária, cancele a qualquer momento",
"cta": "Assinar Pro"
},
"pro_max": {
"name": "Pro Max",
"tagline": "Para power users e times pequenos.",
"f1": "700 mensagens de IA por dia",
"f1": "1.000 créditos diários de IA (até 30.000/mês)",
"f2": "Acesso antecipado a novas placas",
"f3": "Chat dedicado com o mantenedor",
"f3": "Suporte direto do mantenedor",
"cta": "Escolher Pro Max"
}
}

View File

@ -95,7 +95,7 @@
"ai": {
"label": "ИИ-агент",
"title": "Работает на ИИ-агентах.",
"subtitle": "Многошаговый ИИ-агент работает прямо в редакторе. Читает ваш холст, пишет код, размещает компоненты и соединяет их — всё на естественном языке. Под капотом DeepSeek-V4-Flash и Gemini 2.5.",
"subtitle": "Многошаговый ИИ-агент работает прямо в редакторе. Читает ваш холст, пишет код, размещает компоненты и соединяет их — всё на естественном языке. Под капотом передовые LLM с автоматической маршрутизацией по стоимости и доступности.",
"cards": {
"wire": {
"title": "Размести и соедини",
@ -114,31 +114,31 @@
"pricing": {
"label": "Цены",
"title": "Схемы бесплатно. Платите за ИИ.",
"subtitle": "Симулятор остаётся бесплатным навсегда. Подписки повышают только дневной лимит сообщений ИИ-агента.",
"subtitle": "Симулятор остаётся бесплатным навсегда. Планы только повышают квоту ИИ-агента — кредиты обновляются ежедневно.",
"popular": "Самый популярный",
"tiers": {
"free": {
"name": "Free",
"tagline": "Весь симулятор, навсегда.",
"f1": "20 сообщений ИИ в день",
"f2": "Все платы, все компоненты",
"f3": "Сохранение и обмен проектами",
"cta": "Открыть редактор"
"tagline": "Знакомство с симулятором и базовой помощью ИИ.",
"f1": "20 ИИ-кредитов в день (до 300 в месяц)",
"f2": "Все 19 плат + 48+ компонентов",
"f3": "Реальная эмуляция CPU, публичные проекты",
"cta": "Начать"
},
"pro": {
"name": "Pro",
"tagline": "Для мейкеров с реальными проектами.",
"f1": "300 сообщений ИИ в день",
"f2": "Более быстрая сборка + симуляция",
"f3": "Приоритетная поддержка по email",
"f1": "400 ИИ-кредитов в день (до 12 000 в месяц)",
"f2": "Приватные проекты + премиум-компоненты",
"f3": "Приоритетная очередь сборки, отмена в любой момент",
"cta": "Подписаться на Pro"
},
"pro_max": {
"name": "Pro Max",
"tagline": "Для опытных пользователей и небольших команд.",
"f1": "700 сообщений ИИ в день",
"f1": "1 000 ИИ-кредитов в день (до 30 000 в месяц)",
"f2": "Ранний доступ к новым платам",
"f3": "Прямой чат с разработчиком",
"f3": "Прямая поддержка от разработчика",
"cta": "Выбрать Pro Max"
}
}

View File

@ -95,7 +95,7 @@
"ai": {
"label": "AI 智能体",
"title": "由 AI 智能体驱动。",
"subtitle": "多步骤 AI 智能体在编辑器中运行,读取画布、编写代码、放置元件并完成接线 — 全部通过自然语言。底层使用 DeepSeek-V4-Flash 和 Gemini 2.5。",
"subtitle": "多步骤 AI 智能体在编辑器中运行,读取画布、编写代码、放置元件并完成接线 — 全部通过自然语言。底层使用前沿 LLM,按成本与可用性自动路由。",
"cards": {
"wire": {
"title": "放置和接线",
@ -114,31 +114,31 @@
"pricing": {
"label": "定价",
"title": "电路免费,AI 收费。",
"subtitle": "模拟器永久免费。订阅仅提升 AI 智能体每日消息额度。",
"subtitle": "模拟器永久免费。订阅仅提升 AI 智能体配额 — 积分每天刷新。",
"popular": "最受欢迎",
"tiers": {
"free": {
"name": "Free",
"tagline": "模拟器全部功能,永久免费。",
"f1": "每天 20 条 AI 消息",
"f2": "所有开发板和所有元件",
"f3": "保存和分享项目",
"cta": "打开编辑器"
"tagline": "体验模拟器与轻量 AI 协助。",
"f1": "每日 20 AI 积分(每月最多 300)",
"f2": "全部 19 块开发板 + 48+ 元件",
"f3": "真实 CPU 仿真,公开项目",
"cta": "开始使用"
},
"pro": {
"name": "Pro",
"tagline": "面向构建实际项目的创客。",
"f1": "每天 300 条 AI 消息",
"f2": "更快的编译 + 仿真",
"f3": "优先邮件支持",
"f1": "每日 400 AI 积分(每月最多 12,000)",
"f2": "私有项目 + 高级元件",
"f3": "优先编译队列,随时取消",
"cta": "订阅 Pro"
},
"pro_max": {
"name": "Pro Max",
"tagline": "面向高级用户和小型团队。",
"f1": "每天 700 条 AI 消息",
"f1": "每日 1,000 AI 积分(每月最多 30,000)",
"f2": "抢先体验新开发板",
"f3": "与维护者的专属聊天",
"f3": "维护者直接支持",
"cta": "选择 Pro Max"
}
}

View File

@ -40,7 +40,13 @@
--amber-600: #c93400;
/* Semantic — backgrounds (dark theme baseline) */
--color-bg-canvas: var(--gray-1000);
/* Canvas uses gray-950 (#0a0a0c), NOT gray-1000 (#000000). Pure-black
* canvas collides with the slightly-lighter card surfaces (gray-900
* #141416) and creates a harsh transition wherever a page's content
* ends before the `min-height: 100vh` wrapper does (long docs page,
* sparse user profile, etc.). gray-1000 stays available in the palette
* for intentional black uses (overlays, code-block accents). */
--color-bg-canvas: var(--gray-950);
--color-bg-surface-1: var(--gray-900);
--color-bg-surface-2: var(--gray-850);
--color-bg-surface-3: var(--gray-800);