journal

name	journal
description	Editorial magazine theme with a centered masthead, serif headlines, structured story grids, and restrained ochre accents.
license	MIT
metadata	{"author":"Aimeos"}

Journal Theme Design System

Mission

Build credible editorial pages that make dense reporting easy to scan without turning the interface into a dashboard.

Brand

Journal is sober, structured, and image-led. The page surround is warm gray (#F1EFEC), story modules are white, text is charcoal (#1F1E1C), and ochre (#8C620C) marks sections, actions, and active states. It uses Pico CSS and the existing markup in theme/views/.

Style Foundations

• Typography: Georgia or the nearest system serif for masthead and headlines; Arial/Helvetica/system sans-serif for navigation, metadata, controls, and body UI
• Headline rhythm: compact line height, strong weight, no centered marketing copy except the masthead
• Surfaces: consecutive content elements form one white editorial surface; warm-gray vertical gaps separate heroes and the outer content frame
• Geometry: --pico-border-radius: 0; cards, dialogs, fields, and buttons stay square
• Accent: ochre is reserved for categories, primary actions, focus, and active navigation
• Images: editorial crops use 16 / 10, article leads use 16 / 9, and hero media fills its section without distortion