Design Direction

Premium, minimal,
technical, contemporary.

01

The portfolio is designed to sit comfortably alongside international engineering and architectural consultancies rather than alongside environmental campaigning material. Sustainability is communicated through building geometry, technical drawing, simulation output and data, rather than through conventional environmental imagery.

The design does this
  • Architecture, façades and building geometry as the primary visual subject
  • Custom technical infographics for energy, carbon, daylight and life cycle
  • Strong twelve-column grid with generous white space
  • Large numerical statistics used as typographic elements
  • Restrained colour, with the accent reserved for signal and emphasis
  • Diagrams in place of paragraphs wherever a concept can be drawn
And deliberately avoids
  • Leaves, trees, wind turbines and green gradients
  • Hands holding plants, light bulbs with seedlings, green globes
  • Tracked all-capital kicker labels sitting above every headline
  • Em dashes in body copy, and two-beat slogan constructions
  • Coloured accent bars down the left edge of callout boxes
  • Grids of identical rounded cards with a line icon at the top
  • Generic stock photography and decoration that carries no information
Colour, derived from the OKELIS mark
#021849
Navy
Primary. Ink, dark pages, chart base.
#1B5AA8
Blue
Secondary. Data, section marks.
#7BA3D6
Mid blue
Chart ramp, reversed captions.
#B9CDE8
Sky
Chart ramp, fills, area shading.
#E1330F
Accent red
Signal only. Emphasis, key data.
#F6F7F9
Paper tint
Alternating page ground.

The palette is taken directly from the logo gradient. There is deliberately no green in the system. That decision separates OKELIS from the visual convention of the sector and follows §8 of the brief.

The graphic device

The möbius triangle from the mark recurs as a structural motif: the LCA loop, as the ecosystem hub, and as a large low-opacity watermark on dark pages.

The framework rail

Certify → Measure → Optimize → Decarbonize runs along the foot of every service page with the active stages lit, giving the document a spine.

Extensibility

The same tokens, grid and components carry directly into proposals, presentations, social graphics and the OKELIS website.

Design Direction 02