Simple, transparent pricing
Choose the perfect plan for your needs. Upgrade anytime as you grow.
AI-Ready
The world's first AI-native design system
270+ Production-ready components
Glass morphism design system
Dark mode support
AI guardrails for all LLMs
Lovable.app integration (LOVABLE.md)
.cursorrules for Cursor IDE
CLAUDE.md for Claude Code
.ai-hints for AI tool detection
ChatGPT/Claude/Copilot configs
Semantic tokens (data-sem)
Page generator (npm run new:page)
Style verification system
VSCode snippets
12 months of updates
Priority email + Discord support
Studio
/month
Done-for-you custom dashboards by the Brand-OS team
Everything in AI-Ready
Unlimited design requests
On-brand implementations
Direct Slack communication
24-48h first response
Weekly sync calls
White-label delivery
Custom component library
Priority queue position
Quarterly business reviews
Cancel anytime
*Fair-use policy applies
Core Package
Everything you need to ship
beautiful dashboards
Production-ready components with our signature glass morphism aesthetic. Perfect for teams who want stunning interfaces without the complexity.
01
Pages & Components
15+ Dashboard Pages
Executive Dashboard, Analytics, Security Monitoring, Team Management, Settings, Logs Viewer, Model Behavior Analysis, Threat Detection
Glass Morphism Design
Carefully crafted glass effects, subtle shadows, and refined blur for that premium Apple-like feel
@caboo/ui Library
Complete component library with buttons, cards, charts, forms, modals, and layout components
02
Design System
Typography Scale
Metric, Heading 1-3, Body, Caption with SF Pro Display and SF Pro Text for perfect hierarchy
Color System
Brand colors, neutral scale, semantic colors for success, warning, error states. Dark mode included
Layout System
Consistent padding, margins, and spacing. Container components with responsive breakpoints
03
Technical Foundation
Next.js 14.2 App Router
React Server Components, streaming, nested layouts, and optimized performance out of the box
TypeScript First
Full type safety across components, hooks, and utilities. Strict mode for better developer experience
Tailwind CSS
Custom configuration with Brand-OS tokens. JIT compilation and tree-shaking for minimal CSS
AI-Ready Package
The first design system that
teaches AI your aesthetic
Generate unlimited variations while preserving the exact Brand-OS aesthetic. Built for teams using AI tools in production.
01
AI Configuration
.cursorrules
Cursor IDE configuration with component patterns, style preservation rules, and code generation templates
CLAUDE.md
Claude Code instructions for maintaining design consistency. Pattern matching for component generation
ChatGPT & Copilot
System prompts and context files for ChatGPT, GitHub Copilot, and other LLMs to understand your system
02
Semantic Intelligence
data-sem Attributes
Semantic markers help AI understand component purpose: metric.card, chart.trend, action.primary
Pattern Library
Documented patterns for cards, charts, forms, tables. AI learns from existing components
Style Verification
npm run verify checks that AI-generated code follows Brand-OS aesthetic rules
03
Developer Experience
Page Generator CLI
npm run new:page generates complete dashboard pages with proper structure and Brand-OS components
VSCode Snippets
Type-ahead snippets for common patterns. Generate cards, charts, forms with proper styling
Lovable.app Integration
LOVABLE.md configuration for drag-and-drop development. Visual editing while maintaining code quality
What Makes It AI-Native
Unlike traditional templates, Brand-OS AI-Ready includes metadata and patterns that teach AI tools how to extend your dashboard.
Every component has semantic markers, every pattern is documented, and every style rule is enforced. Your AI assistant becomes an expert in your design system.
12 Months of AI Updates
As new AI models are released, we update the configuration files to take advantage of new capabilities.
When Anthropic releases Claude 3.5, or OpenAI launches GPT-5, you'll get updated prompts and instructions that maintain your aesthetic while leveraging the latest AI advances.