Article card
Publisher, date, byline, a short summary in our own words, rights status and a link out.
The Civic Editorial
Design System
Reusable colors, type, spacing and components. Colors and fonts are set in Elementor’s Site Settings and flow through the whole site. Logo options are in the Design Preview.
Color
Heritage Navy
#152B45 · D01
Civic Blue
#28638B · D02
Warm Ivory
#F6F1E8 · D03
Copper
#BA7045 · D04
Ink
#202A32 · D05
Copper is for rules and accents only. It measures 3.40:1 on ivory and 3.75:1 on navy, which falls short of the 4.5:1 AA minimum for body text.
Type
Libre Baskerville for headlines (D06)
Inter for body, labels and interface text (D08). Montserrat (D07) was removed so the site uses two families.
Scale: 14, 16, 18, 22, 30 and 44px, with display sizes up to 88px. Body text is limited to about 68 characters per line.
Spacing
An 8px scale: 8, 16, 24, 40 and 72px. Pages are up to 1200px wide, with 24px side margins on phones. Corners are square, and sections are divided by fine rules.
Components
Timeline entry
A date, a sentence and a source chip. Unknown dates say Date not confirmed.
Evidence row
An expandable row with the claim and its source links.
Motion
Sections fade up 8px once (350ms). Links change their underline on hover or focus. Nothing else moves unless you press Play on the Design Preview specimen. Content stays visible if JavaScript fails, and motion stops when a visitor turns it off or asks for reduced motion.