syntaxis/assets/branding/brand-identity.md
Jesús Pérez 9cef9b8d57 refactor: consolidate configuration directories
Merge _configs/ into config/ for single configuration directory.
Update all path references.

Changes:
- Move _configs/* to config/
- Update .gitignore for new patterns
- No code references to _configs/ found

Impact: -1 root directory (layout_conventions.md compliance)
2025-12-26 18:36:23 +00:00

334 lines
10 KiB
Markdown

# 🏛️ SYNTAXIS - Brand Identity Guide
## Brand Essence
### Name & Origin
```
Name: SYNTAXIS
Origin: Greek (σύνταξις)
Meaning: Arrangement, Composition, Systematic Ordering
Pronunciation: sin-TAK-sis
```
### Core Identity
**SYNTAXIS** represents the systematic arrangement of complex elements into harmonious workflows. Like Ptolemy's "Syntaxis Mathematica" brought order to astronomy, SYNTAXIS brings systematic order to project orchestration.
---
## Visual Identity
### Logo Concepts
#### Concept 1: The Arrangement Symbol (RECOMMENDED)
```
╔════════════════════════════════════╗
║ ◆ ║
║ ◆ ■ ◆ SYNTAXIS ║
║ ◆ ■ ▲ ■ ◆ ║
║ ◆ ■ ◆ Systematic ║
║ ◆ Orchestration ║
╚════════════════════════════════════╝
Elements arranged in perfect syntax - diamond (◆) = phases
triangle (▲) = core, squares (■) = tasks
```
#### Concept 2: Greek Column + Code
```
╔════════════════════════════════════╗
║ ╬╬╬ ║
║ ║║║ SYNTAXIS ║
║ ║║║ { systematic } ║
║ ║║║ { orchestration } ║
║ ▀▀▀ ║
╚════════════════════════════════════╝
Greek column (foundation) + code brackets (technical)
```
#### Concept 3: Minimalist S-Matrix
```
╔════════════════════════════════════╗
║ ┌─┬─┬─┐ ║
║ ├─S─┼─┤ SYNTAXIS ║
║ ├─┼─┼─┤ ║
║ └─┴─┴─┘ ║
╚════════════════════════════════════╝
Grid system with S integrated - systematic arrangement
```
#### Concept 4: Dynamic Flow Arrangement
```
╔════════════════════════════════════╗
║ ∿∿∿ ║
║ ∿ SYN ∿ SYNTAXIS ║
║ ∿∿∿ ║
║ Systematic flow of tasks ║
╚════════════════════════════════════╗
Wave patterns showing systematic flow
```
### Color Palette
#### Primary Colors
```
SYNTAXIS Blue (Primary)
Hex: #2C5F8E
RGB: 44, 95, 142
Usage: Primary brand color, headers, CTAs
Why: Professional, systematic, trustworthy
Greek Stone Gray (Secondary)
Hex: #6B7280
RGB: 107, 114, 128
Usage: Text, backgrounds, secondary elements
Why: Classical, timeless, architectural
Arrangement Gold (Accent)
Hex: #D97706
RGB: 217, 119, 6
Usage: Highlights, active states, success
Why: Excellence, achievement, classical Greek
System Green (Success)
Hex: #059669
RGB: 5, 150, 105
Usage: Completed tasks, success states
Why: Progress, completion, positive
Order Purple (Special)
Hex: #7C3AED
RGB: 124, 58, 237
Usage: VAPORA integration, AI features
Why: Intelligence, innovation, special features
```
#### Color Combinations
```
Light Mode:
Background: #FFFFFF
Text: #1F2937 (Dark gray)
Primary: #2C5F8E (SYNTAXIS Blue)
Accent: #D97706 (Arrangement Gold)
Dark Mode:
Background: #0F172A (Deep dark)
Text: #F1F5F9 (Light gray)
Primary: #60A5FA (Lighter blue)
Accent: #FCD34D (Lighter gold)
Terminal/CLI:
Background: #000000
Primary: #60A5FA (Bright blue)
Success: #10B981 (Bright green)
Warning: #F59E0B (Bright amber)
Error: #EF4444 (Bright red)
```
### Typography
```
Headlines: Inter, Helvetica Neue (Clean, systematic)
Body Text: Source Sans Pro, System UI (Readable, professional)
Monospace: JetBrains Mono, Fira Code (Code, CLI)
Font Weights:
Headlines: 700 (Bold), 600 (Semibold)
Body: 400 (Regular), 500 (Medium)
Code: 400 (Regular)
Sizes:
H1: 48px/3rem
H2: 36px/2.25rem
H3: 24px/1.5rem
Body: 16px/1rem
Small: 14px/0.875rem
Code: 14px/0.875rem
```
### Visual Elements
#### Icons & Symbols
```
◆ Diamond - Phases
■ Square - Tasks
▲ Triangle - Core/Priority
○ Circle - Projects
→ Arrow - Flow/Progress
⟳ Cycle - Orchestration
≡ Lines - Systematic arrangement
∿ Wave - Flow/Rhythm
╬ Column - Foundation/Architecture
```
#### Patterns
```
Grid System: Representing systematic arrangement
├─┼─┼─┤ Order and structure
│ │ │ │ Parallel processing
Flow Lines: Showing orchestration flow
━━━━━━━ Connected workflows
∿∿∿∿∿∿∿ Dynamic movement
```
---
## ASCII Art for CLI
### Startup Banner
```
╔═════════════════════════════════╗
║ ┏━┓ ╻ ╻ ┏┓╻ ╺┳╸ ┏━┓ ╻ ╻ ╻ ┏━┓ ║
║ ┗━┓ ┗┳┛ ┃┗┫ ┃ ┣━┫ ┏╋┛ ┃ ┗━┓ ║
║ ┗━┛ ╹ ╹ ╹ ╹ ╹ ╹ ╹ ╹ ╹ ┗━┛ ║
║ ▲ Systematic Orchestration ║
║ ■ Perfectly Arranged ║
║ syntaxis.dev ║
╚═════════════════════════════════╝
```
### Minimal Banner
```
▲ SYNTAXIS - Systematic Orchestration
■ Projects: 12 | Tasks: 47 | Phase: Development
◆ syntaxis.dev
```
### Compact Version
```
[SYNTAXIS] > Arranging your workflows systematically
```
---
## Brand Voice & Messaging
### Tone Attributes
- **Systematic** - Organized, methodical, structured
- **Professional** - Credible, trustworthy, enterprise-ready
- **Clear** - Direct, unambiguous, precise
- **Scholarly** - Intelligent without being pretentious
- **Action-oriented** - Focused on results and progress
### Key Messages
#### Tagline Options
```
Primary: "Systematic Orchestration, Perfectly Arranged"
Developer: "Where code meets composition"
Enterprise: "Enterprise orchestration, systematically delivered"
Technical: "Task syntax for modern workflows"
VAPORA: "The systematic foundation for AI orchestration"
```
### Value Propositions
**For Developers:**
"SYNTAXIS brings systematic order to your development workflows. Like syntax in code, every task has its perfect place."
**For Teams:**
"Orchestrate team workflows with the precision of a classical composition. SYNTAXIS arranges complexity into clarity."
**For Enterprises:**
"Production-grade orchestration that scales systematically. From startup to enterprise, SYNTAXIS maintains perfect arrangement."
**For VAPORA Users:**
"The systematic foundation for AI agent orchestration. SYNTAXIS provides the structured base for intelligent automation."
---
## Brand Applications
### Website Header
```
┌─────────────────────────────────────────────────────────┐
│ ◆ SYNTAXIS [Docs] [GitHub] [▼] │
├─────────────────────────────────────────────────────────┤
│ │
│ Systematic Orchestration, │
│ Perfectly Arranged │
│ │
│ Transform chaos into composition with │
│ production-grade task orchestration │
│ │
│ [Get Started] [View Demo] [Documentation] │
│ │
└─────────────────────────────────────────────────────────┘
```
### Social Media Bio
```
Twitter/X:
SYNTAXIS | Systematic orchestration platform built in Rust
◆ Multi-interface (CLI/TUI/Dashboard/API)
■ Production-grade (691+ tests, zero unsafe)
▲ Foundation for @VAPORA
→ syntaxis.dev
```
### Email Signature
```
━━━━━━━━━━━━━━━━━━━━━━━━━━━
SYNTAXIS - Systematic Orchestration
Where workflows find their perfect arrangement
syntaxis.dev | github.com/syntaxis
━━━━━━━━━━━━━━━━━━━━━━━━━━━
```
---
## Usage Examples
### CLI Commands
```bash
syntaxis init # Initialize project
syntaxis arrange tasks # Arrange task order
syntaxis compose workflow # Compose new workflow
syntaxis orchestrate # Begin orchestration
syntaxis phase transition # Transition phases
syntaxis status # View systematic status
```
### Marketing Copy
```
Headline: "Order from Chaos"
Subhead: "SYNTAXIS brings systematic arrangement to modern orchestration"
Body: Like Ptolemy's Syntaxis brought order to the heavens,
SYNTAXIS brings order to your workflows. Every task
in its place, every phase in perfect sequence.
```
---
## Implementation Checklist
### Immediate Actions
- [x] Domain secured: syntaxis.dev, syntaxis.work
- [ ] Create logo files (SVG, PNG)
- [ ] Set up color system in CSS/Tailwind
- [ ] Update CLI with new ASCII art
- [ ] Create GitHub organization: @syntaxis or @syntaxis-rs
### This Week
- [ ] Design website landing page
- [ ] Update all codebase references
- [ ] Create social media accounts
- [ ] Design business cards/materials
- [ ] Write announcement blog post
### Brand Protection
- [ ] Register trademark (optional)
- [ ] Secure remaining domains (.com, .io if available)
- [ ] Create brand guidelines PDF
- [ ] Document voice and tone guide
---
**SYNTAXIS** - Where systematic meets orchestration.
syntaxis.dev | Systematic Orchestration, Perfectly Arranged