← Back to Mockups

PoliticalCorruption.org

Design mockups for CONTENT-30 — Site layout and visual identity

📰 Homepage

Hero article + article grid + newsletter signup + sidebar with trending + ad zones

View HTML → Screenshot →

📄 Article Page

Full article layout — byline, featured image, body text, source list, related articles, in-article ad + newsletter placements

View HTML → Screenshot →

📂 Category Page

Filtered article grid with sub-category tabs, type filters, sort, pagination + sidebar

View HTML → Screenshot →

🎨 Design System

Headlines: Libre Baskerville (serif)
Body: Inter (sans-serif)
Dark Nav: #1a1a2e
Nav BG: #16213e
Accent Gold: #c9a227
Body BG: #ffffff
Text Primary: #1a1a1a
Text Secondary: #555555
Border: #e0e0e0
Vibe: ProPublica / The Intercept — credible, serious, nonpartisan
Max Width: 1200px
Sidebar: 300px
Grid Gap: 40px (main/sidebar), 24px (article grid)