Permanent exhibition · Frontend visual styles

Pick a style for your next interface.

Each hall tells the story of one style — its origins, principles and real components. When you are done, take it home as a souvenir: a style brief you can hand straight to your AI coding assistant.

Guide
Find a hall
Filter the halls by mood and use case.
Docent
Take the tour
Each hall is a short slide lesson, built in the style itself.
Compare
Side by side
One page, two styles — drag the divider to see the difference.
Souvenir
Take it home
Copy a style brief for your AI coding assistant in one click.

Mood

Use case

12 halls

Team knowledge base · 2.0

Turn scattered ideas into your team’s shared memory.

Lumen keeps meeting notes, design decisions and project docs in one place, so anyone can find an answer in ten seconds.

01Instant searchFull-text search across docs, comments and attachments, ranked by relevance.

02Decision logEvery important decision has a source, a discussion and an owner.

03Works offlineKeep writing on a plane; changes merge automatically once you are back online.

12,000+teams on board

9.8 saverage time to answer

99.95%uptime

Simple, transparent pricing

Hall 011950 — 2008

Swiss Style

International Typographic Style

Let the grid speak and the type stand on its own.

Calm
Editorial
Portfolio

Team knowledge base · 2.0

Turn scattered ideas into your team’s shared memory.

Lumen keeps meeting notes, design decisions and project docs in one place, so anyone can find an answer in ten seconds.

Watch the demo

001Instant search

Full-text search across docs, comments and attachments, ranked by relevance.

002Decision log

Every important decision has a source, a discussion and an owner.

003Works offline

Keep writing on a plane; changes merge automatically once you are back online.

12,000+teams on board

9.8 saverage time to answer

99.95%uptime

Simple, transparent pricing

Hall 021952 — 2014

Brutalism

Web Brutalism

Unpolished, unapologetic — the structure laid bare.

Loud
Portfolio
Editorial

Team knowledge base · 2.0

Turn scattered ideas into your team’s shared memory.

Lumen keeps meeting notes, design decisions and project docs in one place, so anyone can find an answer in ten seconds.

Instant search

Full-text search across docs, comments and attachments, ranked by relevance.

Decision log

Every important decision has a source, a discussion and an owner.

Works offline

Keep writing on a plane; changes merge automatically once you are back online.

12,000+

teams on board

9.8 s

average time to answer

99.95%

uptime

Simple, transparent pricing

Hall 032007 — 2020

Glassmorphism

Frosted glass UI

A pane of frosted glass, with color glowing through.

Balanced
Landing
Portfolio

Team knowledge base · 2.0

Turn scattered ideas into your team’s shared memory.

Lumen keeps meeting notes, design decisions and project docs in one place, so anyone can find an answer in ten seconds.

Instant search

Full-text search across docs, comments and attachments, ranked by relevance.

Decision log

Every important decision has a source, a discussion and an owner.

Works offline

Keep writing on a plane; changes merge automatically once you are back online.

12,000+teams on board

9.8 saverage time to answer

99.95%uptime

Simple, transparent pricing

Hall 041919 — 2019

Bauhaus

Staatliches Bauhaus

Circle, square, triangle — red, yellow, blue. Order built from the most basic elements.

Balanced
Landing
Portfolio

Team knowledge base · 2.0

Turn scattered ideas into your team’s shared memory.

Lumen keeps meeting notes, design decisions and project docs in one place, so anyone can find an answer in ten seconds.

01Instant search

Full-text search across docs, comments and attachments, ranked by relevance.

02Decision log

Every important decision has a source, a discussion and an owner.

03Works offline

Keep writing on a plane; changes merge automatically once you are back online.

12,000+teams on board

9.8 saverage time to answer

99.95%uptime

Simple, transparent pricing

Hall 052020 — 2021

Neo-Brutalism

Neubrutalism

Thick black outlines, hard shadows, candy colors — brutalism made friendly and usable.

Loud
Landing
Commerce

Team knowledge base · 2.0

Turn scattered ideas into your team’s shared memory.

Lumen keeps meeting notes, design decisions and project docs in one place, so anyone can find an answer in ten seconds.

Instant search

Full-text search across docs, comments and attachments, ranked by relevance.

Decision log

Every important decision has a source, a discussion and an owner.

Works offline

Keep writing on a plane; changes merge automatically once you are back online.

12,000+teams on board

9.8 saverage time to answer

99.95%uptime

Simple, transparent pricing

Hall 061984 — 2008

Skeuomorphism

Skeuomorphic design

Leather, paper, glass buttons — make what is on screen look touchable.

Balanced
Tools
Commerce

Team knowledge base · 2.0

Turn scattered ideas into your team’s shared memory.

Lumen keeps meeting notes, design decisions and project docs in one place, so anyone can find an answer in ten seconds.

Instant search

Full-text search across docs, comments and attachments, ranked by relevance.

Decision log

Every important decision has a source, a discussion and an owner.

Works offline

Keep writing on a plane; changes merge automatically once you are back online.

12,000+teams on board

9.8 saverage time to answer

99.95%uptime

Simple, transparent pricing

Hall 072010 — 2013

Flat Design

Flat UI

Remove the gloss, the shadows and the textures — keep color, type and shape.

Balanced
Landing
Commerce

Lumen

Team knowledge base · 2.0

Turn scattered ideas into your team’s shared memory.

Lumen keeps meeting notes, design decisions and project docs in one place, so anyone can find an answer in ten seconds.

Instant search

Full-text search across docs, comments and attachments, ranked by relevance.

Decision log

Every important decision has a source, a discussion and an owner.

Works offline

Keep writing on a plane; changes merge automatically once you are back online.

12,000+teams on board

9.8 saverage time to answer

99.95%uptime

Simple, transparent pricing

Hall 082014 — 2015

Material Design

Material 2

Paper and ink: shadows that make it obvious what sits on top of what.

Balanced
Tools
Dashboard

Team knowledge base · 2.0

Turn scattered ideas into your team’s shared memory.

Lumen keeps meeting notes, design decisions and project docs in one place, so anyone can find an answer in ten seconds.

Instant search

Full-text search across docs, comments and attachments, ranked by relevance.

Decision log

Every important decision has a source, a discussion and an owner.

Works offline

Keep writing on a plane; changes merge automatically once you are back online.

12,000+teams on board

9.8 saverage time to answer

99.95%uptime

Simple, transparent pricing

Hall 092019 — 2020

Neumorphism

Soft UI

An interface pressed out of one material — light on one side, dark on the other, softly raised or recessed.

Calm
Tools
Dashboard

★ Team knowledge base · 2.0 ★

Turn scattered ideas into your team’s shared memory.

Lumen keeps meeting notes, design decisions and project docs in one place, so anyone can find an answer in ten seconds.

Instant search

Full-text search across docs, comments and attachments, ranked by relevance.

Decision log

Every important decision has a source, a discussion and an owner.

Works offline

Keep writing on a plane; changes merge automatically once you are back online.

12,000+teams on board

9.8 saverage time to answer

99.95%uptime

Simple, transparent pricing

Hall 101998 — 1999

Y2K

Y2K Aesthetic

Chrome, bubbles, glowing blue and pink — the turn of the millennium’s optimistic picture of the future.

Loud
Landing
Portfolio

Team knowledge base · 2.0

Turn scattered ideas into your team’s shared memory.

Lumen keeps meeting notes, design decisions and project docs in one place, so anyone can find an answer in ten seconds.

Instant search

Full-text search across docs, comments and attachments, ranked by relevance.

Decision log

Every important decision has a source, a discussion and an owner.

Works offline

Keep writing on a plane; changes merge automatically once you are back online.

12,000+teams on board

9.8 saverage time to answer

99.95%uptime

Simple, transparent pricing

Hall 111980 — 2015

Memphis

Memphis Design

Squiggles, dots, clashing colors and tilted geometry — the joy of deliberately "bad taste".

Loud
Landing
Portfolio

Decision log

Turn scattered ideas into your team’s shared memory.

Lumen keeps meeting notes, design decisions and project docs in one place, so anyone can find an answer in ten seconds.

Design team · 3 min read

Instant search Full-text search across docs, comments and attachments, ranked by relevance.

Decision log Every important decision has a source, a discussion and an owner.

Works offline Keep writing on a plane; changes merge automatically once you are back online.

“Replacing weekly reports with short daily async updates cut our meeting time by 30%.”

Simple, transparent pricing

Hall 121934 — 2012

Editorial

Magazine Style

Big headlines, short decks, drop caps and columns — a web page laid out like a well-edited magazine.

Calm
Editorial
Portfolio

Docent

Souvenir