C2 · Impact · system sample

Numbers as material, lines as structure.

Geist 400 to 600 for everything; DM Mono 400 to 500 for small uppercase labels and eyebrow numerals at 12 to 13 px, tracked 0.08em. Pure white canvas, cool grey and tinted panels, hairlines. Rectangular buttons, 4 px radius.

Type scaleGeist. Headlines weight 600, tight tracking. Body 17, small 15.
h1 · 80 / 1.0 / -0.035emManage sustainability
h2 · 44 / 1.06Complex challenges. One trusted partner.
h3 · 26 / 1.15We need audit-ready reporting.
numeral · 72 / 60050+
lead · 20 / 1.5Flagship helps organisations turn fragmented sustainability efforts into better decisions.
body · 17 / 1.55Sustainability does not belong to a single department. It shapes strategy, finance, operations, procurement, legal, communications and investor relations.
small · 15 / 1.5Powered by the Flagship Platform.
Buttons and linksPrimary filled red, secondary outlined, ghost on media. Links carry the red dot as action marker.
Mono labelsDM Mono, uppercase, 12 to 13 px, 0.08em. Eyebrows, panel captions, cell numerals, navigation. Active state marked by the dot.
Clients and partners 01 leading organisations supported Reporting Data & Platform Strategy
Latest tickerOne hairline under the hero CTA. The dot is the marker, the red segment is the 4 second progress, three items crossfade by CSS keyframes.
Numeral deviceSmall mono index at 13 px over a 120 px mono glyph at 40 percent ink-30. Cells alternate white and cool grey; a 96 px tile slot waits for generated imagery.
0101
tile
50+
leading organisations supported
0202
02
capability index, DM Mono 400
0303
€450M
sustainable financing
Data marksThe dot in its manual roles: progress indicator, active step, data point on a trend, notification.
Progress · 62%
Steps · active 3 of 5
Trend · data point
NotificationInsights
Grid overlay and panels1 px lines every 80 px in #E1E2E6 over white, licensed video at 22 percent opacity in grayscale behind it. Panel tints: cool grey, green, blue, white with hairline.
grid 80 · #E1E2E6 · video 22%
cool grey #F4F5F7
green tint #EAF2EE
blue tint #E9F0F7
white + hairline