syntaxis/assets/branding/logo-design-prompt.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

333 lines
9.9 KiB
Markdown

# 🎨 SYNTAXIS Logo Design Prompt
## For AI Image Generators (DALL-E, Midjourney, Stable Diffusion)
### Primary Logo Prompt
```
Design a minimalist, modern logo for SYNTAXIS, a systematic orchestration platform.
Core concept: Perfectly arranged geometric elements representing systematic organization.
Visual elements:
- Diamond shapes (◆) representing project phases
- Square shapes (■) representing tasks
- Triangle shape (▲) in center representing core priority
- All elements arranged in perfect symmetrical pattern
- Clean, geometric, precise arrangement
Arrangement pattern:
◆ ■ ◆
◆ ■ ▲ ■ ◆
◆ ■ ◆
Color scheme:
- Primary: Deep blue (#2C5F8E) - professional, systematic
- Secondary: Stone gray (#6B7280) - classical, architectural
- Accent: Warm gold (#D97706) - achievement, excellence
Style: Modern, minimalist, geometric, professional
Inspiration: Greek architecture meets modern UI design, systematic precision
Mood: Professional, trustworthy, orderly, intelligent
Format: Vector-style, clean lines, scalable
Background: White or transparent
Text: "SYNTAXIS" in clean sans-serif font (Inter or similar)
Tagline below: "Systematic Orchestration" in smaller text
The logo should convey: organization, precision, systematic thinking, production-grade quality
```
---
### Alternative Prompts by Style
#### Prompt 1: Geometric Grid (Technical)
```
Create a logo for SYNTAXIS featuring a 3x3 grid system with geometric shapes.
Center: Large triangle (▲) representing core
Surrounding: Squares (■) and diamonds (◆) in systematic arrangement
Style: Minimalist, technical, blueprint-inspired
Colors: Deep blue (#2C5F8E) primary, gray accents
Typography: Modern sans-serif "SYNTAXIS"
Feel: Systematic, precise, engineering-focused
```
#### Prompt 2: Greek-Inspired (Classical)
```
Design a logo combining Greek architectural elements with modern code aesthetics.
Main element: Stylized Ionic column or Greek letter Sigma (Σ) representing syntax
Integrated with: Geometric arrangement of small shapes showing organization
Colors: Classical stone gray (#6B7280) with deep blue (#2C5F8E) accents
Typography: Modern interpretation of classical letterforms for "SYNTAXIS"
Feel: Timeless, scholarly, foundational yet modern
```
#### Prompt 3: Flow & Arrangement (Dynamic)
```
Create a dynamic logo showing systematic flow and arrangement.
Visual: Flowing lines or paths that organize into perfect geometric patterns
Elements: Small geometric shapes (◆■▲) flowing into ordered arrangement
Style: Modern, gradient-friendly, showing transformation from chaos to order
Colors: Blue to gold gradient (#2C5F8E to #D97706)
Typography: Clean, flowing "SYNTAXIS" letterforms
Feel: Transformation, orchestration, systematic organization
```
#### Prompt 4: Monogram (Simplified)
```
Design a minimalist monogram logo using the letter "S" for SYNTAXIS.
Style: Letter "S" constructed from geometric shapes (diamonds, squares, triangles)
Arrangement: Shapes align to form the "S" while maintaining systematic grid
Colors: Single color - deep blue (#2C5F8E) or stone gray (#6B7280)
Optional: Subtle geometric pattern within the letter
Typography: Just the monogram, or with small "SYNTAXIS" wordmark
Feel: Sophisticated, scalable, works at any size
```
---
## For Human Designers
### Design Brief
**Project:** SYNTAXIS Logo Design
**Company:** Systematic orchestration platform built in Rust
**Industry:** Developer tools, project management, AI orchestration
**Core Concept:**
SYNTAXIS represents the systematic arrangement of complex elements into harmonious workflows. The name comes from Greek (σύνταξις) meaning "arrangement, composition, systematic ordering."
**Visual Identity Goals:**
1. Convey systematic organization and precision
2. Balance professional credibility with approachability
3. Scale from favicon (16px) to billboard
4. Work in color and monochrome
5. Distinguish from competitors (Jira, Linear, Asana)
**Key Visual Metaphors:**
- **Geometric arrangement**: Shapes in perfect order (◆■▲)
- **Greek foundation**: Classical architecture meets modern tech
- **Syntax/Code**: Systematic like programming language syntax
- **Orchestration**: Multiple elements working in harmony
**Required Deliverables:**
1. Primary full-color logo (horizontal lockup)
2. Icon/mark only (for favicon, app icon)
3. Monochrome versions (black on white, white on black)
4. Minimum size: works at 32px
5. File formats: SVG (vector), PNG (raster @ 1x, 2x, 3x)
**Style Guidelines:**
*Do's:*
- Geometric precision
- Clean, modern aesthetics
- Systematic arrangement
- Professional appearance
- Scalable simplicity
*Don'ts:*
- Overly complex details
- Trendy effects that date quickly
- Generic project management clichés
- Clipart or stock imagery
- Script/decorative fonts
**Color Palette:**
Primary: SYNTAXIS Blue `#2C5F8E` (44, 95, 142)
- Use for: Main logo color, primary elements
- Represents: Professionalism, trust, systematic thinking
Secondary: Greek Stone Gray `#6B7280` (107, 114, 128)
- Use for: Text, secondary elements, monochrome version
- Represents: Timelessness, architecture, foundation
Accent: Arrangement Gold `#D97706` (217, 119, 6)
- Use for: Highlights, hover states (digital)
- Represents: Excellence, achievement, completion
**Typography:**
Preferred fonts:
- Headlines: Inter (clean, geometric, modern)
- Alternative: Outfit, IBM Plex Sans
- Avoid: Rounded fonts, script fonts, decorative fonts
**Logo Variations Needed:**
1. **Primary Horizontal**
- Symbol + "SYNTAXIS" + tagline
- Use: Website header, business cards, marketing
2. **Compact Horizontal**
- Symbol + "SYNTAXIS" only
- Use: Toolbar, navigation, smaller spaces
3. **Vertical Stack**
- Symbol above "SYNTAXIS"
- Use: Vertical layouts, mobile, posters
4. **Icon Only**
- Just the symbol/mark
- Use: Favicon, app icon, profile pictures
5. **Monogram**
- Single letter "S" treatment
- Use: Watermark, very small sizes
**Inspiration & References:**
Similar feel (not to copy):
- Stripe: Clean, geometric, professional
- Vercel: Simple, bold, recognizable
- Linear: Modern, precise, developer-focused
Avoid resemblance to:
- Atlassian/Jira: Too corporate
- Asana: Too playful/rounded
- Monday.com: Too colorful/busy
**Context of Use:**
Digital:
- Website (light and dark mode)
- CLI terminal output (monochrome, ASCII-friendly)
- Dashboard UI (color, various sizes)
- Social media profiles
- Email signatures
Print:
- Business cards
- Stickers/swag
- Documentation covers
- Conference materials
**Success Criteria:**
A successful SYNTAXIS logo should:
1. ✓ Be instantly recognizable at any size
2. ✓ Communicate "systematic organization"
3. ✓ Feel modern yet timeless
4. ✓ Work across all mediums (digital, print)
5. ✓ Stand out from project management competitors
6. ✓ Appeal to technical audiences (developers)
7. ✓ Scale from enterprise to individual use
8. ✓ Support the tagline: "Systematic Orchestration, Perfectly Arranged"
---
## Technical Specifications
### File Requirements
**Vector Files (SVG):**
- Primary logo: `syntaxis-logo-primary.svg`
- Icon only: `syntaxis-logo-icon.svg`
- Horizontal: `syntaxis-logo-horizontal.svg`
- Monochrome light: `syntaxis-logo-mono-light.svg`
- Monochrome dark: `syntaxis-logo-mono-dark.svg`
**Raster Files (PNG):**
For each variation:
- @1x: Standard resolution
- @2x: Retina/HiDPI
- @3x: Extra high resolution
Specific sizes needed:
- Favicon: 16x16, 32x32, 64x64
- App icon: 128x128, 256x256, 512x512, 1024x1024
- Social media: 400x400, 800x800
- Open Graph: 1200x630
**Clear Space:**
Minimum clear space around logo: 0.5x height of the logo
Never place other elements closer than this boundary
**Minimum Size:**
- With text: 120px wide
- Icon only: 32px
- Never scale below these minimums
---
## Design Phases
### Phase 1: Concept Exploration (2-3 concepts)
- Sketch 3 distinct logo directions
- Each exploring different visual metaphors
- Present rough concepts for feedback
### Phase 2: Refinement (1-2 concepts)
- Refine chosen direction(s)
- Test at various sizes
- Show color and monochrome versions
### Phase 3: Finalization
- Final polish and optimization
- Create all required variations
- Prepare files in all formats
- Provide usage guidelines
---
## Evaluation Questions
When reviewing logo options, ask:
1. **Recognition**: Can I identify it at 32px?
2. **Distinctiveness**: Is it unique in the market?
3. **Meaning**: Does it communicate "systematic"?
4. **Versatility**: Does it work in all contexts?
5. **Timelessness**: Will it age well?
6. **Scalability**: Works from tiny to huge?
7. **Color**: Looks good in color AND monochrome?
8. **Production**: Can it be produced in all formats?
---
## Quick Reference
**Brand Name:** SYNTAXIS
**Pronunciation:** sin-TAK-sis
**Origin:** Greek (σύνταξις)
**Meaning:** Arrangement, Composition, Systematic Ordering
**Tagline:** "Systematic Orchestration, Perfectly Arranged"
**Domain:** syntaxis.dev
**Target:** Developers, teams, enterprises using project orchestration
**Personality:** Systematic, Professional, Clear, Intelligent, Reliable
**Visual DNA:**
- Geometric shapes in perfect arrangement
- Deep blue professional color
- Clean modern typography
- Greek-inspired foundational thinking
- Code/syntax precision
---
## Example Prompt for Quick Generation
**For designers who need a starting point:**
> "Create a professional tech company logo for 'SYNTAXIS', a systematic project orchestration platform. Use geometric shapes (diamond, square, triangle) arranged in perfect symmetry. Primary color: deep blue #2C5F8E. Style: minimalist, modern, technical precision. Include wordmark 'SYNTAXIS' in clean sans-serif font. The logo should convey systematic organization and production-grade quality."
---
**Contact for Design Questions:**
hello@syntaxis.dev
**Brand Guidelines:**
See SYNTAXIS_VISUAL_IDENTITY.md for complete visual system
**Timeline:**
Logo needed by: [DATE]
Feedback rounds: 2-3
Final delivery: All formats + usage guide
---
syntaxis.dev | Systematic Orchestration, Perfectly Arranged