Styles
The same buttons and pages feel completely different in another visual language. These 25 styles — from minimalism and brutalism to glassmorphism and pixel art — each ship as a full mini site, so you can see the effect before you commit to it.
25 styles · click any to see live component demos
01
Minimalism
极简主义
LESS. BUT BETTER.
留白 · 克制 · 内容优先
MAKE SPACE FOR EVERYDAY FOCUS
A calmer
digital life
Simple tools. A more focused you.
Explore Lumo →
Less distraction
More living
02
Swiss Style
瑞士风格
GRID. CLARITY. IMPACT.
网格 · 清晰 · 有力的表达
IDEAS
BUILD
TOMORROW/
Design for
a better future.
An independent studio for brands and digital experiences. Strategy, design and technology for what comes next.
Explore work →DESIGN
FOR A
BRIGHTER
TOMORROW.
VERTEX STUDIO
03
Editorial
杂志编辑风
STORIES & TYPE
衬线 · 叙事 · 呼吸感
Good Life
in Small Things
A little room for the everyday.
Stories of people, places and the rituals that make an ordinary day feel extraordinary.
Read the journal →
Life is here,
in the little things.
Slow down with the morning light
A fresh look at familiar streets
Finding your own rhythm
04
Glassmorphism
玻璃拟态
TRANSPARENT LAYERS
通透 · 层次 · 光
Let your ideas
flow naturally.
A new home for creative thinking.
Less distance between idea and reality.
Find a spark. Make it yours.
Your ideas, wherever you are.
Fits the way you create.
Good ideas
deserve to be seen.
A brighter tomorrow.
05
Bento Grid
便当盒网格
MODULAR & FLEX
模块化 · 一切尽在掌控
A little order.
A better day.
Tasks, notes and plans, together. Make room for what matters in your day.
Get started →
a little further.Keep going →
06
Neumorphism
新拟态
NEUMORPHISM
新拟态 · 材质与排版
Make focus
a daily ritual.
Simple tools. A quieter experience.
More time for the things that matter.
A lovely day ahead.
Take a little breath.
07
Skeuomorphism
拟物化
REAL TEXTURES
质感 · 拟真 · 凹凸
Good things.
A life well lived.
Honest materials. Objects with warmth.
Design that only gets better with time.
in the real details.
08
Brutalism
粗野主义
RAW STRUCTURE
硬切 · 超大字 · 反精致
GOOD
IDEAS
NO LIMITS.
We are an independent creative studio.
Brands, digital experiences, experiments.
Design beyond the expected.
DESIGN
FOR A MORE
OPEN WORLD.
IDEAS
PEOPLE
CULTURE
09
Neobrutalism
新粗野主义
RAW & LOUD
粗边 · 高对比 · 直给
Good ideas
make a brighter world.
We bring design, content and code together
to make brands feel a little more human.
Design.
More Fun!⤴
IDEAS
MAKE A
BRIGHTER
TOMORROW.
☑ Design
☑ Develop
☑ Create
TogetherEXPLORE
BELONG
10
Retro Web
复古互联网
CLASSIC. LINKED. HANDMADE.
经典界面 · 超链接 · 手作网页
A small corner of the early internet.
Interesting pages, favourite links and stories worth a slower look.
YOU ARE VISITOR 0 0 1 2 8 4
A simpler internet.
A brighter tomorrow.
11
Flat Design
扁平化设计
SOLID & SIMPLE
平涂 · 直接 · 去装饰
Simple & Solid
Strip away decoration. Get to the point.
No gradients · No shadows · Just information
Get started →Large blocks define sections
Small geometric icons
Restrained corner radii
12
Bauhaus
包豪斯
FORM & FUNCTION
几何 · 三原色 · 秩序
FORM &
FUNCTION
Geometry and primary colors in harmony.
Circle · Triangle · Square
Enter the workshop →A shared starting point
A foundation for function
A direction for energy
13
Y2K Aesthetic
Y2K 千禧美学
METAL & BUBBLE
金属 · 气泡 · 梦幻
Y2K CYBER
DREAM ✦
Nostalgic futurism from the turn of the millennium.
Metallic shine · Bubble type · Neon bears
Enter now →Flowing silver and violet
A soft, rounded feel
Sparkling stars and bears
14
Cyberpunk
赛博朋克
NEON NIGHTS
霓虹 · 夜色 · 终端
WAKE UP,
SAMURAI
The neon never sleeps.
High contrast · Neon borders · Holograms
Connect to the network →+15% neural speed
A breach in just 3 seconds
Anonymous trading
15
Memphis Design
孟菲斯风格
PLAY & REPEAT
撞色 · 波点 · 顽皮
PLAY &
REPEAT!
Playful geometry from the eighties.
Polka dots · Zigzags · Candy colors
Start the party →Pink, blue, yellow and green
Dots and zigzags
Deliberately uneven
16
Retro-Futurism
复古未来主义
SYNTH 84
霓虹渐变 · 复古日落
DRIVE INTO
THE SUNSET
Return to the future imagined in 1984.
Synths · Grid horizons · Chrome type
Play the radio →Pink, purple and orange
An endless road ahead
Reflective metallic headlines
17
Claymorphism
黏土风
SOFT & PUFFY
软糯 · 圆润 · 大圆角
Soft & Squishy
A little squeeze, a little joy.
Inner shadows · Rounded corners · Candy colors
Give it a squeeze →Bounce back on press
Soft edges all around
Low-saturation surfaces
18
Aurora Gradient
极光渐变
GRADIENT GLOW
光晕 · 流动 · 暗夜
Flow with
the Light
Let color flow like the northern lights.
Night sky · Light blooms · Gradient type
Light it up →Green, violet and pink glows
Light, translucent cards
Slow color transitions
19
Organic
有机自然
ORGANIC
有机自然 · 材质与排版
Closer to
nature.
Bring design back to the way life feels.
Explore →20
Art Deco
装饰艺术
ART DECO
装饰艺术 · 材质与排版
An evening,
extraordinary.
Save a place for a night to remember.
Explore →21
Corporate Memphis
企业孟菲斯
FLAT & FRIENDLY
扁平小人 · 友好 · 大厂感
Let's make things
simpler together
A friendly, inclusive workspace for everyone.
Try it free →◀ Jan 2024 ▶
Tasks 5
Due today ✓
⏱ Focus time
3h 24m
+40%Notes 12
Small steps
are great too
Keep going →
22
Hand-drawn UI
手绘涂鸦
WARM & WOBBLY
手感 · 纸纹 · 温度
A little crooked
is fine
A human touch feels more trustworthy than perfect pixels.
Make a quick notePERFECT CIRCLES ARE A LIE.
Wobbly outlines
Circles with character
Paper texture
Ruled notebook pages
Marker highlights
Mark what matters
23
Liquid Glass
液态玻璃
THICK REFRACTIVE GLASS
厚玻璃 · 折射 · 高光
Let the interface
become thick glass
Refract content, reflect the surroundings and let edges flow.
Explore refraction →Deep refraction
Lens-like depth
Specular highlights
A bright rim of light
Flowing edges
Lensing distortion
REFRACT. REFLECT. MORPH.
24
Pixel Art UI
像素风
HARD PIXELS
硬边 · 点阵 · 有限色
PRESS
START
Scale in whole numbers. Sharp pixels are the point.
NO ANTI-ALIASING ALLOWED.
INSERT COIN →No anti-aliasing
Up to six colors
Alternating two colors
25
Vaporwave
蒸汽波
NEON NOSTALGIA
霓虹 · 网格 · 镀铬
WELCOME TO
THE MALL
An endless summer in a consumer paradise.
GRID FOREVER. SUNSET NEVER ENDS.
Enter the atrium →Perspective to infinity
Liquid metal
Signature colors