333 lines
9.9 KiB
Markdown
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
|