Elite Outsiders ← Back data CONTENT SYSTEM

Content System

Visual system — across all layers

Illustrating "consistency".

PP + Banner
BannerJetBrains Mono
banner X
Banner · 1 cell
PP — profile pictureJetBrains Mono
profile picture
PP · 1 cell
Thumbnails

Bebas Neue distressed · Inter italic

YT LF · cast — 7 latestBebas Neue distressed
thumbnail 1 — gift thumbnail 2 — dinner thumbnail 3 — FROZEN thumbnail 4 — STILL thumbnail 5 — HERE thumbnail 6 — TRIGGER thumbnail 7 — PROTECTOR
Square LFIGTTFB LF template Square LF — IGTTFB LF template
Carousel — scroll · 20 slidesInter regular · Title Case
slide 1 slide 2 slide 3 slide 4 slide 5 slide 6 slide 7 slide 8 slide 9 slide 10 slide 11 slide 12 slide 13 slide 14 slide 15 slide 16 slide 17 slide 18 slide 19
slide 20ALEXANDRE CORNE
Quote — canonical formatJetBrains Mono italic · gold accent
Overlays
E1–E8 baseline — 11 overlaysInter bold + JetBrains Mono
Thumbnails — short form (5 ChatGPT outputs)
V1–V5 variationsBebas Neue distressed (finer · 2.5× smaller)
V1 short form thumbnail V2 short form thumbnail V3 short form thumbnail V4 short form thumbnail V5 short form thumbnail
EO.com
HomeInter + JetBrains Mono
EO home
FrameworksInter + JetBrains Mono
EO frameworks
LibraryInter + JetBrains Mono
EO library
ManifestoInter + JetBrains Mono
EO manifesto
Trauma mapInter + JetBrains Mono
EO trauma map

Visual continuity — guiding logic

Descriptionguiding logic across layers
  • Site eliteoutsiders.com — clean, sober, large white sans-serif, minimal. Reference, not a constraint.
  • Feed (videos + thumbnails + carousels) — allowed to diverge for visual variation. Not obligated to match the site exactly.
  • Constants across all layers — palette black #0a0a0c + off-white #f0ede5 + occasional gold #e8d5b0. Watermark "ALEXANDRE CORNE" Bebas Neue bottom-left.
  • Thumbnail safe zone — top ~20% and bottom ~20% can be covered by platform UI (play icon, view count, duration, pinned badge). Critical content (subject, headline) lives in the central ~60%.
Feed coherence — shorts as bufferstock to maintain ratio
  • Rule : 6/9 short · 1/9 long · 1/9 carousel · 1/9 quote — coherence > timing.
  • Slot missing : fall back to a short from stock. Shorts are the lever.
  • Why : shorts come from Gling extractions — inventory builds passively. Long / carousel / quote are slower to author.
  • Never rush the identity. Extra short beats off-format content.
Signature — 6 placementsJetBrains Mono + Manuscrite Corne + Inter bold"Alexandre Corne"
  • E1 watermark vidéos — écrite uniquement · Inter bold · off-white #f0ede5 · 50% opacity · bottom-left.
  • Quote — les deux · manuscrite dorée #e8d5b0 + écrite JetBrains Mono dessous.
  • Carrousel slide 1 + finale — les deux · symbol diamond-line en slide finale uniquement.
  • Relatable lifestyle — les deux · bottom-right zone sombre · 8–10% largeur image.
  • Long form / Manifesto / Documents longs — manuscrite uniquement (Picasso/Nolan).
  • Bio / footer site — écrite uniquement.

Règles

  • Manuscrite uniquement où l'œil s'arrête : Quote, Carrousel, Lifestyle, Œuvres profondes.
  • Écrite partout = JetBrains Mono casse mixte letter-spacing 0.5. Sauf E1 watermark = Inter bold. Pas de ALL CAPS.
  • Symbol diamond-line : slide finale carrousel, footer documents formels uniquement.
  • Gear + chain : slide 20 carrousel uniquement, non portable.
Thumbnail

Thumbnail safe zone — IG + TikTok grid

Scope & Rulesthumbnails in feed grid
⚠ Scope : Safe zone for thumbnails in the feed grid (IG profile grid + TikTok profile grid). Not for video overlays.
Rule : Top ~20% and bottom ~20% can be partially covered by platform UI (play icon, carousel icon, pinned badge, view count, duration, TikTok title). Critical content (subject, headline, watermark) must live in the central ~60%.
TOP ~20% — PLATFORM UI
PLAY ICON · CAROUSEL · PINNED BADGE
BOTTOM ~20% — PLATFORM UI
VIEW COUNT · DURATION · TT TITLE
✓ SAFE ZONE
~60% center — full width
Overlay

Overlay safe zone — 9:16 video runtime

Scope & Rulesoverlays inside the video
⚠ Scope : Safe zone for overlays inside the video (E1–E8 watermark / banner / hook / CTA). Different problem from thumbnails: TikTok UI eats top + bottom + right edge of the playing video.
Rule (corrected 08/04/2026) : Status bar (~44px top), username / description / sound name / interaction icons (~27% bottom — larger than originally mapped), app-icons column on the right edge — all dead zones. All overlays go in the center-left or upper-left third. Never bottom-right, never full bottom ~27%.
STATUS BAR
USERNAME / DESC / SOUNDS — DEAD
~27% of screen height
APP ICONS
✓ SAFE ZONE
center-left / upper-left third

Grids preview & Format guidelines for Claude and Alex

IG / TK Feed grids
Profile previewalexandrecorne_ — feed grid
alexandrecorne_ ⊕ ☰
PP
—posts
—followers
—following
Alexandre Corne
Trauma survivor helping trauma survivors
eliteoutsiders.com
▦ ▷ ◯ ◉
  • Short — facecam
  • Long form (white frame)
  • Carousel
  • Quote (typo only)
Format spec — root level 1 (for Claude)ratio per cycle of 9
  • 5/9 — Short facecam · variations of thumbnails (to define)
  • 1/9 — Long form · white frame + huge title 2–5 words
  • 1/9 — Carousel · slide 1 visual matches Carousel-1 already posted (ref via Claude Code finder, doc: carousel-1)
  • 1/9 — Quote (typo) · constant format (full charter to define)
  • 1/9 — Lifestyle (see nested dropdown below)
Lifestyle — top picks & cyclerelatable / human dynamic — 1/9 of cycle
Top 4priority — integrate first
  • Open MacBook in dim light (idea 2). Photo. "Behind the build" format. Dark area available at top for overlay. Highly repeatable. Adds value (process). Best ROI.
  • Berck beach, back turned (idea 7). Photo. "Day in Berck" or "Quote on Life" format. Sky = natural text zone. Palette consistent. Says sovereign solitude without saying it. No direct value, but anchors the brand geographically.
  • Studio setup before recording (idea 10). Photo. "Behind the build" format. Adds a lot of value (process transparency). Caleb does exactly this with his Carhartt mic and it works hard.
  • Shih Tzu close-up (idea 14). Photo. "Quote on Life" format only. Zero business value but huge relatable value. The human warm spot.
Top 73 additional ideas
  • Dark mug with steam (idea 1). Photo. "Quote on Life" or "Day in Berck" format. Risk: entrepreneur-coffee cliché — use sparingly. 1× per month max.
  • Night car drive (idea 8). Photo or short 3-sec video. "Day in Berck" format. Very cinematic, but requires you to drive at night, so not very repeatable in Berck.
  • Blue hour, seawall, tiny figure (idea 9). Photo. "Quote on Life" format. Visually powerful but requires planning (sun timing), so 1× per month.
4-week cyclesuggested rotation
  • Week 1: MacBook + behind the build
  • Week 2: Berck beach + quote on life
  • Week 3: Studio setup + behind the build
  • Week 4: Shih Tzu + quote on life
Captionsno overlay text · signature only
  • 1. MacBook in dim light (Behind the build)
    "Most days, the work is just showing up. Then doing it again tomorrow. Then again the day after. The system isn't motivation. The system is the chair."
    Hashtags: #traumarecovery #solitude #eliteoutsiders
  • 2. Berck beach, back turned (Day in Berck or Quote on Life)
    "Most mornings, the only witness is the sea. The plan hasn't changed. I have."
    Hashtags: #traumarecovery #solitude #sovereignty #eliteoutsiders
  • 3. Studio setup before recording (Behind the build)
    "Recorded this one four times. Kept the worst take. The polished version was lying. The rough one was true."
    Hashtags: #contentcreator #traumarecovery #processoverpolish #eliteoutsiders
  • 4. Shih Tzu close-up (Quote on Life)
    "Built my life around silence. Then this one started showing up at the window every morning. Some bonds you don't choose. They choose you."
    Hashtags: #traumarecovery #solitude #unexpectedbonds #eliteoutsiders
  • 3 variable hashtags in the middle, depending on the post topic.

Caption rules (transversal)

  • 2 to 4 short sentences max.
  • No rhetorical questions ("And you?"). You're not a motivational coach.
  • No call-to-action at the end ("Link in bio"). The caption stands alone.
  • One truth, one tension, one full stop. Like your shorts.
Format spec — root level 2 (for Claude)variations and rules per format
  • Long form
    • Thumbnail with Alexandre's face
    • White frame (border)
    • Large 2–5 word title, all caps
    • Reference asset: /assets/content-system/feed-grid/long.jpg (IGTTFB LF template)
    • Variations: face crop / pose / mood — to define
  • Carousel
    • Slide 1 visual matches Carousel-1 already posted (gear + chain motif)
    • Reference asset: /assets/content-system/carousel1/slide-01.jpg + /assets/content-system/feed-grid/carousel.jpg (lifestyle alt)
    • 20 slides total — final slide carries the diamond-line signature symbol
    • No variation on slide 1 — consistency = signal of architecture
  • Quote (typo)
    • Format: 1080×1350 — permanent
    • JetBrains Mono italic, white on black
    • Diamond-line signature symbol under the quote (gold #e8d5b0 thin line + central rhombus). Asset: /assets/content-system/identity/signature-symbol.svg
    • Signature "— ALEXANDRE CORNE" small grey at bottom (JetBrains Mono regular ALL CAPS)
    • Reference asset: /assets/content-system/feed-grid/quote.jpg (Quote template)
  • Short facecam
    • 5 ChatGPT-generated thumbnail variations (V1–V5) at /assets/content-system/short-form/V[1-5].jpg
    • Charter rule: cold desaturated background, 100% TRAUMA, MrBeast <50 char title
    • Source: extracted from long-form recordings via Gling — passive inventory
  • Lifestyle (see nested L1 dropdown for full spec — top 4, top 7, 4-week cycle, captions)
Production pipeline (for Claude)tooling chain
  • Source ingestion
    • Long-form recordings → Gling extraction → shorts inventory (passive build-up)
    • Carousel ideas / quotes / lifestyle ideas: queued from Notion / chat with Claude
  • Asset generation
    • Thumbnails: ChatGPT (called by Claude Code) — 5 V1–V5 variations per short
    • Overlays (E1–E8): inline SVG in this page (`overlaysData`) → PNG export via canvas
    • Quote / Carousel / Lifestyle: per format spec L2 above
  • Editing & publishing
    • FCPX: import shorts + drag&drop overlay PNGs → export
    • PostFast: upload composites only (never raw sources) → n8n workflow auto-publishes IG/TT/FB
    • TikTok cover: manual on iPhone (PostFast publishes as draft)
  • Trigger
    • Current: manual every 10 days (full process A→Z documented in Workflow Gantt below)
    • Target: "Run." orchestrator — single command preps 10 contents for 10 days, pushes PostFast, schedules TT/IG/FB independently. Pending implementation (layer b).
  • See Workflow Gantt for the full visual A→Z (15/04/2026).
YouTube grid
YouTube preview@AlexandreCorne1 — videos grid
YouTube grid screenshot
Highlights — current state (for Claude and Alex)8 highlights
  • Active (8): ALEXANDRE · START HERE · METHOD · TRAUMA MAP · MANIFESTO · WORK WITH ALEX · REVIEWS · MIRROR
  • Profile bar subset (6): ALEXANDRE · METHOD · START HERE · MANIFESTO · MIRROR · TRAUMA MAP
  • Note: VOID content (darkest signature lines) merged into MIRROR
Lifestyle / human dynamic (for Claude and Alex)~10% of feed
  • Treated in parallel conversation
  • Target ratio: ~10% of feed
  • To define: 15–20 lifestyle visuals classified easy / medium / heavy production
  • Will integrate into format spec once received

Profile bar preview

Bar preview Inter bold As rendered on Instagram profile

Highlight covers

Covers — download Inter bold One cover per highlight · upload manually when creating each highlight in IG

Overlays

Overlays — download Inter bold + JetBrains Mono E1–E8 baseline · permanent · off-white #f0ede5 · safe zone respected

Workflow Gantt

Full process A→Z — production pipeline for shorts (15/04/2026)

Claude
AL (manual)
AL + Gling
FCPX
Export / ChatGPT
Backup
PostFast / n8n
TikTok manual
Critical path
Track A
Track B
PHASE 1 — SETUP 1 Duplicate DB / archive / create 30 pages CLAUDE 5 min PHASE 2 — GLING 2 LF → Gling → extract shorts + subtitles + correct AL / GLING 30 min PHASE 3 — TWO PARALLEL TRACKS ∥ TRACK A 3 Copy paste scripts Gling → Notion AL → COWORK 20 min 5 Claude runs description prompt + tags CLAUDE 15 min 5b Claude generates TB prompts → AL starts ChatGPT CLAUDE → AL 10 min AL starts TB generation → ChatGPT (parallel) 6 Claude ranks Tiers (T1/T2/T2B) CLAUDE 5 min 7 Claude assigns overlays per short CLAUDE 5 min TRACK B 4 Export Gling → Finder AL → COWORK 5 min PHASE 4 — FCPX + EXPORT (tracks converge ▼) 8 Import into FCPX AL 5 min 9 Add overlays in FCPX (drag & drop PNGs) AL ⚠ BOTTLENECK 30 min 10 Export shorts with overlays AL 15 min PHASE 4.5 — TRIAGE + BACKUP 10b Update planner: mark "Ready" vs "Backup" AL 5 min 10c Store backups Finder + update Backup Base Notion AL 5 min PHASE 5 — PUBLICATION 11 Upload shorts to PostFast (drag & drop) AL 10 min 12 n8n PostFast Workflow → auto-publish all platforms AUTO AUTO ∞ PHASE 6 — TIKTOK COVER (post-publish) 13 TikTok app → Drafts → upload cover from Photos → validate schedule AL (iPhone) 1 min/short PostFast sends TikTok as draft (tiktokIsDraft: true) → AL opens TikTok app → Profile → Drafts → Edit cover → Publish IG / LI / X covers are handled automatically by PostFast — no manual step needed for those platforms.

Key Takeaways

Critical path (red arrows): 1 → 2 → 3 → 5 → 5b → 8 → 9 → 10 → 10b → 10c → 11 → 12 → 13

Parallel tracks: Track A (3→5→5b→6→7) and Track B (4) run simultaneously. Converge at step 8.

TB generation shortcut (pink arrow): After step 5b, AL starts generating thumbnails in ChatGPT immediately — in parallel with Claude steps 6–7 and FCPX work. Saves ~15 min on the critical path.

Triage + Backup (10b + 10c): After export, mark shorts as Ready or Backup. Store backups on Finder AND in Shorts EO — Backup Base (Notion). Min 2/week archived.

Step 13 — TikTok cover: PostFast publishes TikTok as draft. AL opens TikTok app on iPhone → Profile → Drafts → Edit cover (upload thumbnail from Photos) → Publish. ~1 min per short. IG/LI/X covers handled automatically.

Total estimated time: ~2h50 for 20 shorts (incl. ~10 min TikTok covers). Step 12 is automatic.

Bottleneck: Step 9 (overlays in FCPX) = 30 min manual.

Future automation: Steps 3–4 → Claude Cowork agent.