Skip to content

iDorgham/BrandOS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

66 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🎨 Brand OS

Transform Brand Guidelines into Intelligent Creative Systems

Version License TypeScript React Vite Supabase

A cloud-native SaaS platform that empowers designers and brand teams to generate infinite, on-brand visual assets through AI-assisted workflowsβ€”while preserving human creative direction.

πŸš€ Quick Start β€’ πŸ“š Documentation β€’ 🎯 Features β€’ 🀝 Contributing


✨ What is Brand OS?

Brand OS is a generative AI creativity platform that transforms static brand guidelines into living, executable systems. It ensures 100% brand adherence across all AI-generated outputs without sacrificing emotional resonance or artistic nuance.

🎯 Core Value Proposition

From Static to Dynamic: Convert brand guidelines from PDF documents into intelligent systems that guide AI creativity while keeping human designers in strategic control.


🌟 Features

🧬 Brand DNA Engine

  • Intelligent Brand Capture: Structured inputs for logo usage, typography, spatial rules, and emotional keywords
  • Visual Doctrine Builder: Define spatial relationships and compositional constraints
  • Brand Grammar System: Rule-based constraints that AI follows consistently
  • Reference Analysis: AI extracts colors, patterns, and stylistic signatures from example images

🎨 AI-Powered Creative Studio

  • Multi-Model Integration: Google Gemini 3 Pro, OpenAI DALL-E, Meta ImageGen
  • Smart Prompt Orchestration: Automatically enriches prompts with brand DNA constraints
  • Batch Generation: Create 4-10 variations simultaneously
  • Compliance Scoring: Real-time brand adherence analysis (0-100%)

🎭 Node-Based Mood Boards

  • Visual Workflow Canvas: Assemble inspiration β†’ brand rules β†’ AI prompts β†’ outputs
  • Interactive Node System: Image references, style attributes, logic gates
  • Prompt Synthesis: Translates mood board elements into detailed creative briefs

πŸ“š Asset Management Vault

  • Moodboard Workflow: Interactive canvas for visual storytelling and spatial planning.
  • Unified Library: Secure vault for all brand assets, reference images, and kampaign history.
  • Smart Profiles: Personalized user profiles with customizable bios and preferences.
  • Enterprise-Grade Security: Hardened RLS policies with infinite recursion prevention and role-based access.
  • Audit System: AI-powered brand adherence analysis with actionable suggestions
  • Bulk Operations: Download, tag, and deploy multiple assets

πŸš€ Deployment Hub

  • Multi-Stage Approval: Designer β†’ Art Director β†’ Deploy workflow
  • Platform Integrations: Instagram, LinkedIn, Website, CMS
  • Automated Publishing: One-click deployment with notifications
  • Status Tracking: Complete approval chain visibility

πŸ‘₯ Enterprise Collaboration

  • Multi-User Workspaces: Role-based access (Admin, Art Director, Designer)
  • Real-Time Sync: Live presence and collaboration via WebSockets
  • Commenting System: Threaded feedback on assets
  • Analytics Dashboard: Brand health, creative velocity, team performance

πŸš€ Quick Start

Prerequisites

  • Node.js v20.x or higher
  • npm v10.x or higher
  • Git

Installation

# 1. Clone the repository
git clone https://github.com/iDorgham/BrandOS.git
cd BrandOS

# 2. Navigate to web directory
cd web

# 3. Install dependencies
npm install

# 4. Set up environment variables
cp .env.example .env
# Edit .env with your Supabase and API keys

# 5. Start development server
npm run dev

The application will be available at http://localhost:5173.

Environment Configuration

# Supabase
VITE_SUPABASE_URL=https://your-project.supabase.co
VITE_SUPABASE_ANON_KEY=your-anon-key

# AI Services
VITE_GOOGLE_AI_API_KEY=your-gemini-api-key

πŸ“– For detailed setup instructions, see the Deployment Guide.


πŸ“Έ Screenshots

Dashboard

Dashboard Brand overview with DNA spectrum, recent assets, and quick actions

Creative Studio

Studio AI-powered asset generation with brand alignment

Mood Board Canvas

Moodboard Node-based visual workflow for creative direction

Asset Library

Library Advanced filtering and compliance tracking


πŸ—οΈ Technology Stack

Layer Technology Purpose
Frontend React 19 + TypeScript UI framework with type safety
Build Tool Vite 6.2 Lightning-fast dev server
Styling Tailwind CSS 3.4 Utility-first CSS framework
AI Ops .agents / AGENTS.md Unified AI workspace & protocols
Backend Supabase (PostgreSQL) Managed database with RLS
Auth Google OAuth 2.0 Secure authentication
Storage Supabase Storage Asset management
Realtime Supabase Realtime Live collaboration
AI Gemini 3 Pro, DALL-E 4 Multi-model AI generation

πŸ“š Documentation

Document Description
API Documentation Complete API reference with endpoints and WebSocket events
User Guide Step-by-step instructions for all features
Deployment Guide Local development and production deployment
Technical Architecture System design and database schema
Contributing Guide Development workflow and coding standards
Product Requirements Comprehensive PRD with roadmap

🎯 Use Cases

For Agencies

  • Scale Creative Output: Generate hundreds of brand-aligned assets in minutes
  • Client Presentations: Interactive mood boards for creative direction
  • Brand Consistency: Ensure all deliverables meet brand standards

For In-House Teams

  • Reduce Bottlenecks: Empower designers to work faster with AI assistance
  • Campaign Velocity: Rapid iteration and A/B testing of creative concepts
  • Brand Governance: Enforce brand guidelines across all outputs

For Startups

  • Professional Quality: Create agency-level assets without the cost
  • Brand Evolution: Update and refine brand DNA as you grow
  • Cost Efficiency: 60% reduction in asset creation costs

🚦 Project Status

Version: 2.0 (Production Ready)
Status: βœ… Fully Deployed

Phase Status Features
Phase 1 βœ… Complete Brand Profile Engine, Creative Studio, Asset Library
Phase 1.5 βœ… Complete Smart prompts, reference analysis, data persistence
Phase 2 βœ… Complete Mood boards, multi-model AI, deployment hub
Phase 3 βœ… Complete Workspaces, real-time sync, analytics

🀝 Contributing

We welcome contributions! Please see our Contributing Guide for details on:

  • Development workflow
  • Coding standards
  • Commit guidelines
  • Pull request process

Quick Contribution Steps

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'feat: add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

πŸ“Š Performance Metrics

Metric Target Current
First Contentful Paint < 1.5s 1.2s ⚑
Time to Interactive < 3.5s 2.8s ⚑
Bundle Size < 500KB 412KB πŸ“¦
Lighthouse Score > 90 94 🎯

πŸ”’ Security

  • Row Level Security (RLS): Data isolation at the database level
  • OAuth 2.0: Secure Google authentication
  • HTTPS Only: All production traffic encrypted
  • API Key Management: Environment-based secret handling

For security concerns, please email: security@brandos.app


πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.


πŸ™ Acknowledgments

  • Google Gemini for advanced AI capabilities
  • Supabase for robust backend infrastructure
  • Vercel for seamless deployment
  • Open Source Community for amazing tools and libraries

πŸ“ž Support & Community


Built with ❀️ by creative technologists, for creative professionals

⭐ Star this repository if you find it helpful!

Report Bug β€’ Request Feature β€’ View Demo

About

Brand OS documentation hub. This project is a generative AI creativity platform for brand-aligned visual production.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors