ART REPORT AFRICA / STYLEBOOK 01
A working reference for the site’s visual language.
This page records the type, colour, surface, spacing, layout, and component decisions that give Art Report Africa its clear, editorial presence.
Default mark: black on the canvas. Avoid decorative recolouring.
Reverse mark: white on dark editorial surfaces. Avoid decorative recolouring.
01 / FOUNDATIONS
Colour, type, and proportion
Ink
#000000
Canvas
#F2F2F2
Paper
#F8F6F1
Divider
14% black
This is a Heading
HEADING 1 · GEIST BOLD · 40PX / 1.1
Clear, direct language meets an editorial rhythm built for stories, research, and cultural exchange.
BODY · GEIST REGULAR · 16PX / 1.5
Heading 1
40px · −4% · 1.1
Heading 2
30px · −4% · 1.4
Heading 3
26px · −4% · 1.4
Body
16px · −2% · 1.5
02 / LAYOUT & COMPONENTS
Simple rules, repeated deliberately
Spacing rhythm
10px for compact details. 40px for section breathing room.
Surface treatment
Soft paper panels use a 13px radius and a restrained hairline edge.
Content first
Full-width sections remain centred, then adapt from multi-column modules to a readable stack.
BUTTONS & TICKER
03 / IMAGES & MEDIA
Imagery holds the page
Home page image rules
Use full-width artwork to establish a lead story. Keep supporting stories in a two-column editorial grid. Images should crop from centre, hold a neutral edge, and use no decorative shadow. Rounded corners are used sparingly: 8px for major dark panels, 13px for light reference cards.
Bylines, captions, and image measure
Byline to title: 4–8px · Title to venue/date: 4–8px · Venue/date to body: 16–20px · Image to caption: 6–8px · Caption to next entry: 36–48px · Between entries: 48–64px
04 / TYPOGRAPHY
Fonts in Use
PRIMARY PAIRING
Geist
Use Geist Regular for body copy so headlines remain direct, contemporary, and highly readable.
UTILITY PAIRING
Geist Mono
Reserve it for section numbers, dates, labels, metadata, and compact measurements—not long-form reading.
TAB PATTERN
WHAT’S ON
ART NEWS
IN CONVERSATION
EDITORIAL
Active tabs use a white, 8px rounded top edge. Inactive tabs remain transparent with a muted label; keep the set compact and horizontally aligned.
PREFERRED
Rounded boxes frame editorial content.
13px for cards and content panels · 8px for major dark sections
AVOID BY DEFAULT
Straight edges feel less native to the system.
Use square edges only for intentional full-bleed or rule-line treatments.
