john/tractatus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
tractatus/docs/outreach/FACEBOOK-IMAGE-DESIGN-BRIEF.md
TheFlow afde719ac9 fix(i18n): correct JSON syntax in German and French translations 
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>
2025-10-30 17:59:01 +13:00

4.3 KiB
Raw Blame History

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.