Style Guide

The Zephyra design system

Colours, type and components used across the template. Each one is a shared style, so a change made once carries through every page.

Colours

Ink

#0F1F10

Carbon

#0F0F0F

Lime

#C6F19D

Pale

#D5EEBC

Paper

#F5F4F2

White

#FFFFFF

Typography

DISPLAY · GEIST 600 · 72 / 48 / 40

Know your energy, precisely

DISPLAY MEDIUM · GEIST 600 · 64 / 48 / 30

Turn energy data into results

SECTION TITLE · GEIST 600 · 72 / 48 / 30

Measured, not modelled

CARD TITLE · GEIST 500 · 40 / 30 / 24

Every megawatt-hour, verified

STEP TITLE · GEIST 400 · 24 / 20 / 20

Trust built into the grid

ARTICLE HEADING · GEIST 500 · 40 / 24 / 24

What we measure

LEAD · GEIST 400 · 24 / 20 / 18

We measure what every asset truly delivers, one verified number everyone can trust.

BODY · GEIST 400 · 18 / 18 / 16

Legacy reporting relies on models and monthly averages, leaving a gap between what a site actually generates and what gets reported down the chain.

ARTICLE BODY · GEIST 400 · 20 / 18 / 18

Zephyra instruments sit at the inverter, not at the export meter. Every string is read at 15-minute resolution alongside plane-of-array irradiance, so what the site produced can always be separated from what it could have produced.

BODY SMALL · GEIST 400 · 14

Independent, timestamped, instrument-level evidence for every megawatt-hour.

EYEBROW · GEIST MONO 500 · 14

Global footprint

LABEL · GEIST MONO 600 · 14

Become a partner

LABEL LARGE · GEIST MONO 500 · 18 / 16 / 14

Ingrid Halvorsen

FOOTER NAV · GEIST MONO 400 · 14

DATA NUMBER · GEIST MONO 500 · 14

4.2 TWh · 99.7% · 1,300+

MONO SMALL · GEIST MONO 500 · 12

In March, verified output ran 12% ahead of the forecast

Components

BUTTON COMPONENT · PRIMARY / ACCENT / NAVIGATION · SOLID AND SOLID WIDE BELOW · DRAWER IN THE MOBILE MENU

BUTTON · SOLID WIDE / SOLID · SUBMIT BUTTON · DEFAULT / LIGHT / SENT · EYEBROW TAG · MONO LABEL · ARROW CHIP

Become a Partner
Buy Zephyra
Send messageSend messageSent

Verified outcomes

01 Powered by measurement

STAT CARD · PAPER / LIME · PROCESS ITEM

Result 01

4.2 TWh

Generation verified and committed to the ledger since our first sensor went live.

Result 02

99.7%

Sensor uptime across every monitored asset, measured hour by hour.

01.

Gold-Standard Observation Systems

Sensor towers, flux methods, and satellites track full generation and grid flux.

RICH TEXT · ARTICLE BODY (pd_body, Insight pages) · H2–H6 / P / A / IMG / UL / OL / BLOCKQUOTE

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Zephyra reads every string at the inverter at 15-minute resolution, next to plane-of-array irradiance, so what a site produced can always be separated from what it could have produced. Blog posts and case studies use these same base styles.

Verified generation data turns a forecast into a fact.
Wind turbines standing over a green wheat field

Ordered list

  1. Instrument the asset at the source
  2. Sign every reading when it is taken
  3. Settle on the shared ledger

Unordered list

  • Inverter-level metering
  • Plane-of-array irradiance
  • Signed, timestamped records

Text link

Bold text

Emphasis

Superscript

Subscript

RICH TEXT · CASE & SOLUTION BODY (cd_body, Case Study and Solution pages) · same tags

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Zephyra reads every string at the inverter at 15-minute resolution, next to plane-of-array irradiance, so what a site produced can always be separated from what it could have produced. Blog posts and case studies use these same base styles.

Verified generation data turns a forecast into a fact.
Wind turbines standing over a green wheat field

Ordered list

  1. Instrument the asset at the source
  2. Sign every reading when it is taken
  3. Settle on the shared ledger

Unordered list

  • Inverter-level metering
  • Plane-of-array irradiance
  • Signed, timestamped records

Text link

Bold text

Emphasis

Superscript

Subscript

INTERACTION STATES · classes the interactions add while the page runs · edit them here

draw_path with is-drawn — the finished state of Draw line icons when they scroll into view