Skip to content
UI Kit
Accent color

About

Story, values, mission and locations.

2 components · 11 variants
Switch category

about

About

Story, values, mission, offices on a dotted map, numbers and the founders.

Props and details · About

Story timeline

Milestones alternate along a center line, on phones they follow one line on the left.

Open in Studio

Values

Six principles in a seamless grid, a soft light follows the pointer.

Open in Studio

Mission quote

One sentence, large and centered, signed by the person who means it.

Open in Studio

Locations

A dotted world map drawn from longitude and latitude, with local time for each office.

Open in Studio

Numbers and text

The story on the left, four figures that back it on the right. They count up once.

Open in Studio

Founders

Why it started, told next to the two people who started it.

Open in Studio

history-timeline

History timeline

The history of a company, told large. Eras with a line that fills, a year that counts along, a ruler of years to drag, decade tiles and the jubilee with the years set huge. Old pictures can appear as archive prints.

Props and details · History timeline

Eras

The history in chapters. Each era with its picture standing beside the events, a line that fills while reading, sides alternate.

Open in Studio

Year counter

A large year stands still and rolls digit by digit to the event being read. On phones it rides along as a bar at the top.

Open in Studio

Year ruler

A ruler with the gaps between the years to drag, swipe or step through with arrows. The chosen year opens above it with picture and figure.

Open in Studio

Decades

One tile per decade with its picture and milestones. The decade counts up once, the picture zooms on hover.

Open in Studio

Anniversary

The years set huge and counting up, the founding quote beside them and a strip of milestones whose line draws itself while scrolling.

Open in Studio

Similar components

More from Content, the same area of the kit.

Often combined with

Sections that usually sit next to About on a page.

Often searched

Jump to

Copied to the clipboard