afde719ac9
Fixed JSON syntax errors in 8 translation files (German and French for researcher, implementer, leader, about pages). Removed extra closing braces that were breaking translation loading on production. All translations now validated with json.tool and working correctly on all audience pages. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
125 lines
4.3 KiB
Markdown
125 lines
4.3 KiB
Markdown
# Facebook Image Design Brief - Tractatus Framework
|
||
|
||
**Purpose**: Professional social media branding for Phase 0 launch
|
||
**Requires**: Proper image generation tool (DALL-E/Midjourney) or professional designer
|
||
**Date**: 30 October 2025
|
||
|
||
---
|
||
|
||
## What Went Wrong
|
||
|
||
Previous attempt used ImageMagick which produces crude, unprofessional graphics:
|
||
- Pixelated text and circles
|
||
- Poor gradient handling
|
||
- "Programmer art" aesthetic
|
||
- Not suitable for professional B2B branding
|
||
|
||
---
|
||
|
||
## Image 1: Profile Picture (400×400px)
|
||
|
||
**Concept**: Clean, bold "T" icon that works at tiny sizes
|
||
|
||
**Design**:
|
||
- Central "T" letter, modern sans-serif, cyan (#64ffda)
|
||
- Radial gradient background: cyan to blue (#64ffda → #0ea5e9)
|
||
- Six tiny dots in hexagon around T (green, indigo, purple, amber, pink, teal)
|
||
- Must be recognizable at 40×40px (mobile size)
|
||
|
||
**Style Reference**: Linear app icon, Stripe logo - minimal, technical, B2B
|
||
|
||
**DALL-E Prompt**:
|
||
```
|
||
Create a minimal professional logo icon, 400x400px square. Large letter "T" in center, modern sans-serif font, cyan color (#64ffda). Radial gradient background from cyan to deep blue. Six small dots arranged in hexagon around the T, colors: green, indigo, purple, amber, pink, teal. Clean technical B2B aesthetic, similar to Linear app icon. Must work at small sizes. Professional not playful.
|
||
```
|
||
|
||
---
|
||
|
||
## Image 2: Cover Photo (820×312px)
|
||
|
||
**Concept**: Simple architecture diagram showing six governance services
|
||
|
||
**Layout**:
|
||
```
|
||
┌────────────────────────────────────────┐
|
||
│ │
|
||
│ TRACTATUS FRAMEWORK │
|
||
│ Architectural Constraints for │
|
||
│ Plural Moral Values │
|
||
│ │
|
||
│ [6 connected nodes diagram] │
|
||
│ │
|
||
│ agenticgovernance.digital │
|
||
└────────────────────────────────────────┘
|
||
```
|
||
|
||
**Design Elements**:
|
||
1. Background: Dark slate (#0f172a)
|
||
2. Title: "TRACTATUS FRAMEWORK" - large, bold, cyan (#64ffda)
|
||
3. Subtitle: "Architectural Constraints for Plural Moral Values" - light gray (#94a3b8)
|
||
4. Center: Six colored circles connected to central cyan node
|
||
- Hexagonal arrangement
|
||
- Colors: green, indigo, purple, amber, pink, teal
|
||
- Thin cyan connection lines
|
||
- Clean network diagram style
|
||
5. Footer: "agenticgovernance.digital" - small gray text
|
||
|
||
**Style Reference**: Stripe technical illustrations, Vercel product imagery - dark, minimal, technical
|
||
|
||
**DALL-E Prompt**:
|
||
```
|
||
Create professional Facebook cover photo 820x312px. Dark slate background (#0f172a). Top left: "TRACTATUS FRAMEWORK" in large bold cyan text (#64ffda), below it "Architectural Constraints for Plural Moral Values" in light gray. Center: simple network diagram with central cyan node connected to six colored circles (green, indigo, purple, amber, pink, teal) arranged in hexagon. Thin cyan connection lines. Bottom: "agenticgovernance.digital" in small gray. Technical B2B aesthetic like Stripe or Vercel. Clean, minimal, professional.
|
||
```
|
||
|
||
---
|
||
|
||
## Color Palette (Must Use Exact Colors)
|
||
|
||
```
|
||
Primary: #64ffda (cyan)
|
||
Secondary: #0ea5e9 (blue)
|
||
Background: #0f172a (dark slate)
|
||
Text: #f8fafc (white)
|
||
#94a3b8 (light gray)
|
||
#64748b (medium gray)
|
||
|
||
Six Service Colors:
|
||
#10b981 (green) - Boundary
|
||
#6366f1 (indigo) - Instruction
|
||
#8b5cf6 (purple) - Validator
|
||
#f59e0b (amber) - Pressure
|
||
#ec4899 (pink) - Metacognitive
|
||
#14b8a6 (teal) - Deliberation
|
||
```
|
||
|
||
---
|
||
|
||
## Design Principles
|
||
|
||
**DO**:
|
||
✅ Clean, minimal, professional
|
||
✅ Technical B2B aesthetic (not consumer/startup)
|
||
✅ High contrast (readable on all devices)
|
||
✅ Use exact Tractatus colors
|
||
✅ Works at small sizes
|
||
|
||
**DON'T**:
|
||
❌ Cluttered or busy
|
||
❌ Playful consumer aesthetic
|
||
❌ Complex illustrations
|
||
❌ Too much text
|
||
❌ Generic stock imagery
|
||
|
||
---
|
||
|
||
## Next Steps
|
||
|
||
**Recommended**: Use DALL-E or Midjourney with prompts above
|
||
|
||
**Alternative**: Send this brief to professional designer
|
||
|
||
**Files Needed**:
|
||
- Tractatus-Facebook-Profile.png (400×400px)
|
||
- Tractatus-Facebook-Cover.png (820×312px)
|
||
|
||
Both must be professional quality suitable for B2B tech branding.
|