TEMPO SOCIAL
TEMPLATE OWNER PORTAL · NOINDEX UTILITY ROUTE (/GUIDE)

Tempo Social (#21) — Owner Setup & Customization Guide

Every headline, pod tier price, creator case monograph, and calculator parameter is exposed via Framer Property Controls and CMS fields—zero hardcoded lock-in.

01 // W3C COLOR TOKENS

Mockup 03 Ultramarine & Sunburst Pop-Editorial Palette

60% #FAF9F5 Warm Editorial Paper · 30% #2342FF Ultramarine Stage · 10% #FFE600 Sunburst Citrine & #7CFFB2 Electric Mint with 1.5px–2px solid #0D0E13 Carbon Ink sticker borders (100/100 WCAG 2.2 AA/AAA verified).

02 // 3-FONT TRIAD

Archivo (800/900) + Onest (400–700) + Fragment Mono

Zero font overlap with any other Convert Sprint template. Enforces Inverse Line-Height (1.04–1.08 on display headings, 1.60 on body copy at <=65ch) and tabular-nums on all KPI cards and sliders.

03 // FRAMER CMS CONTRACT

Campaign Case Monographs (/work & /work/:slug)

Bind activeSlug on TempoWorkAndCaseMonograph.tsx to your Framer CMS slug field. Each item tracks 3-Second Hook Rate, Paid Spark ROAS, Mastered Cuts Shipped, and Winning 0:03s Hook Opener.

04 // STRATA-12 DATABASE PACK

PostgreSQL RLS + DuckDB/Parquet Hook Telemetry

Includes production SQL DDL (campaign_accounts, campaign_case_studies, scope_brief_leads) and monthly-partitioned DuckDB OLAP marts in design/21-tempo-social/database/.

Create a free website with Framer, the website builder loved by startups, designers and agencies.