Fortum

Design

Elemental cover illustration

FORTUM DESIGN SYSTEM

Bedrock of design for crafting digital experiences.

Get started

Design with Elemental

The Fortum Design System enables you to build fast, easy and cost efficient experiences. Build custom applications with components, design patterns and established best practices that are native to Elemental.

Fortum style

You can find here Fortum's style assets: typography, iconography, colors, guidelines and examples.

Get familiar
Figma logo
UI Kit

Get the latest version of our UI kit as Figma files for rapid design and layout prototyping.

Get the kit
React icon
React components

Collection of reusable React components. Clone the repository to start building with Elemental.

Get started

Elemental Design System

Elemental Design System is unifying style, components, branding, interaction and motion under a consistent set of principles. With Elemental we believe product teams can realize their greatest design potential.

Get started
Fortum design mockup illustration
Colors illustration

We bring you colors

Color is the cornerstone of Fortum design. It distinguishes our brand and helps us to create consistent experiences across marketing and products.

Explore colors
The design team

Fortum Design Blog

Fun, flops and fireworks with Fortum Design team

Explore the blog

Give us feedback on how we're doing.

Design Team Feedback

© Fortum 2022. All rights reserved.