aesthetic.fyi

Every web aesthetic,
demonstrated.

A visual reference for web design aesthetics. Each page is designed in the style it describes.

Afrofuturism

The ancestors coded the stars. The future is ancient. We have always been tomorrow.

AI Interface

You are a helpful assistant. How can I help you today?

Art Deco

Geometry is glamour. Every line knows exactly where it's going.

Art Nouveau

Nature does not draw straight lines. Neither should you.

╔══════════════════════════╗

ASCII Art

────────────

>_ You don't need pixels when you have characters. Every glyph is a brushstroke.

╚══════════════════════════╝

Bauhaus

Form follows function. The function is to be unforgettable.

Bento Grid

Every module knows its place.

Blueprint

Precision is not cold. It is the deepest form of care.

B

Brutalism

Raw concrete. No veneer.

AESTHETIC

Brutalist Typography

The letters are not decoration. The letters ARE the architecture. Read them or be crushed by them.

Chalkboard

Class is in session. The dust settles, the lesson begins, and every stroke carries weight.

Claymorphism

Soft shapes you want to squeeze. Depth you can almost touch.

Collage

Rip it out. Tape it down. Nothing matches and that's the whole point.

Comic Book

POW! Every page is a splash panel. Every heading screams. Nothing here whispers.

Constructivism

Art must serve the revolution. Every line has a purpose. Every angle is a declaration.

Corporate Friendly

Designed to make work feel like play.

Cosmic

You are stardust briefly aware of itself. The universe doesn't end — it just hasn't rendered yet.

Cottagecore

Slow down. The bread is rising, the garden is blooming, and nothing here needs to be optimized.

Crypto / Web3

Decentralized, trustless, and gradient-heavy. The future is on-chain and the UI glows.

Cyberpunk

The future already happened. It just wasn't distributed evenly.

Dark Academia

The margins are full of notes. The lamp is low. Knowledge lives in the space between reverence and obsession.

Dark Mode

The screen breathes out. Your eyes breathe in.

Dashboard Realism

The metrics are beautiful. The data might even be real.

98.6 %

Data Visualization

The data speaks for itself. Your job is to make sure it speaks clearly.

Live

De Stijl

Three colors, two axes, one philosophy. Everything else is noise.

Dense Information

Maximum data per pixel.

Dev Docs

Read the docs. Trust the docs.

Editorial / Magazine

The typography is the illustration.

Aesthetic

Fashion / Luxury

The luxury of emptiness.

Flat Design

No depth. All signal.

Frutiger Aero

Nature rendered in plastic. Optimism you could wipe clean.

ONLINE

Gaming HUD

HUD online. Vitals nominal. All systems tracking. Welcome to the overlay that never sleeps.

Glassmorphism

Light through frosted crystal.

Glitch Art

The signal broke. The error stayed. Now it's the whole point.

Gothic Web

From the shadows of cathedral code, darkness renders beautiful.

Grunge

Nothing here is clean. The edges are torn, the textures are filthy, and that's exactly the point.

Holographic

The surface shifts. The color moves. Nothing here is one thing — it is every color, depending on where you stand.

Ice

Crystalline precision. Every surface fractures light. Nothing here melts.

Indie Web

I made this site by hand and you can view source to prove it.

Japandi

Less, but better. Warm wood, quiet space, and the calm of things exactly where they belong.

Kawaii

Everything is round, everything is soft, and everything has a little face on it.

K
Kinetic

Kinetic Typography

The text does not wait. It slides, rotates, scales, and demands your attention before you have finished reading.

Material Design

Surfaces with purpose. Elevation with meaning.

Maximalism

More is more is more is more is more.

Memphis

Design is not a sober science. It's a wild party with confetti on the floor.

Mid-Century Modern

Warm materials, clean lines, and the belief that good design should feel like home.

Aesthetic

Minimalism

Less, but better.

Monochrome

One hue. No distractions. Every shade of gray carries the weight that color never could.

Neon Noir

The city never sleeps. Neon bleeds through rain-soaked glass, and every shadow tells a story no one asked to hear.

Neubrutalism

The box model is not a bug. It's the whole point.

Neumorphism

Soft light on quiet surfaces. Depth without edges.

Noir

The city never sleeps. Neither do the shadows. Every frame tells a lie — beautifully.

Nordic

Less, but better. Let the light in, let the space breathe, and find beauty in what remains.

Type Web Aesthetic
Status Active

Notion-core

Your workspace is your aesthetic.

Old Web

Under construction since 1996.

Op Art

Your eyes are not broken. The surface is moving. The grid is alive. Look again.

Organic Tech

Software that feels like it grew.

OS Desktop

OS Desktop

Windowed interface, title bars, taskbar, desktop icons — multitasking as a design language.

Start
12:00

Paper Craft

Cut it out, fold it over, layer it up. Every edge is torn by hand and nothing here is pixel-perfect.

Pastel

Everything here is gentle. The colors don't shout — they hum, they glow, they drift like clouds made of cotton candy.

Pixel Art

Every pixel placed with purpose. No anti-aliasing. No gradients. Just the grid.

Pop Art

Everything is louder, bolder, and more. If it doesn't hit you in the face, it's not finished.

Portfolio Cinematic

The work speaks. The page just holds the silence around it.

Psychedelic

Turn on, tune in, scroll down.

Retro Diner

Pull up a stool, honey. The milkshake's cold, the jukebox is warm, and the neon never stops humming.

Retro Futurism

The future was chrome, curved, and full of possibility. We just forgot to build it.

$ ls aesthetics/

Retro Terminal

> system boot complete. awaiting input_

Risograph

Offset the ink. Overlap the layers. Every misprint is a signature.

Rococo

More is more is more. Every surface gilded, every curve adorned, every restraint abandoned in favor of exquisite excess.

Scroll Theater

Scroll Theater

One idea at a time. Full screen. No distractions.

Skeuomorphism

If it looks like you can touch it, you already understand it.

Solarpunk

A future where the garden grew back through the server rack.

Stained Glass

Light passes through color and arrives transformed. Every panel holds a fragment of something sacred.

Startup Minimal

Ship it clean. Raise the round.

Steampunk

Brass gears turn behind every pixel. The future was built in a Victorian workshop.

CH

Swiss / International Style

The grid is not a constraint. It is the design.

Synthwave

The sun already set. The grid goes on forever.

Terracotta

Sun-baked clay, olive groves, and the quiet patience of things shaped by hand and hardened by fire.

Tropical

Sun-soaked, salt-kissed, and unapologetically vibrant. This page was made to be viewed with sunglasses on.

Ukiyo-e

The floating world holds still. Every line is deliberate, every color is placed, and the wave never crashes.

Underwater

Sink deeper. The light bends here, the silence hums, and everything moves at the pace of the current.

Vaporwave

It's all in your head.

Wabi-Sabi

Nothing here is perfect. That is what makes it beautiful.

×

Wireframe

×

This is not the final design. It never was. But somehow it says everything it needs to.

card / preview

Y2K

The future was chrome and it loaded in 56k.

Zen Garden

The stones do not speak. The sand does not hurry. And yet, everything is exactly where it belongs.