When Boring Website Elements Get a Second Chance
Most of the web is built from unglamorous components: documentation pages, cookie banners, e-commerce product grids. They are necessary, so they get shipped with minimal effort. But a handful of sites show that these staples don't have to be dull. The trick is in the execution, and the payoff is a site that feels considered from top to bottom.
Glasgow International: Columns That Scroll on Their Own
The Glasgow International festival website takes a familiar layout—three side-by-side columns—and gives each one an independent scroll area. On mobile, the same sections stack into a single vertical flow, making the desktop-to-mobile transition feel natural rather than bolted on.
The CSS is refreshingly plain. Each section sits in a flex container and uses overflow-y: auto; with height: 100vh; so the columns always fill the viewport. Setting scrollbar-width: auto; hides the scrollbar, and because the columns span the full screen, users discover the interaction as soon as they move the mouse.
Kenta Toshikura: A Portfolio That Thinks in Three Dimensions
Japanese frontend developer Kenta Toshikura's portfolio avoids the usual flat stack of cards. Instead, it presents content as if it lives on different planes of a three-dimensional space, with elements receding and advancing as you navigate.
It's a reminder that pages are not blank canvases but windows. Many sites default to modular, rectangular arrangements when a bit of lateral thinking could give the same content real presence. Not everyone can build something this elaborate, but the principle applies broadly: consider depth, not just layout.
Stripe: Documentation With a Teacher's Touch
Documentation is usually the first casualty of tight deadlines. Stripe's docs prove it doesn't have to be that way.
Clear hierarchical navigation, short step-by-step instructions, and code samples that update dynamically across platforms and languages make it feel less like a manual and more like a guided course. Learning resources are rare and valuable, and Stripe treats them as a product worth polishing. Anyone building technical content could learn from the approach.
Max Böck Takes Color Schemes Beyond Light and Dark
Most sites offer two themes, if they offer any. Max Böck's personal site switches between many, using CSS custom properties to make the transition seamless.
He documents the mechanics in a detailed blog post, walking through how the custom properties enable smooth theme changes. For deeper background, two Smashing articles cover the same territory:
- “How To Configure Application Color Schemes With CSS Custom Properties”
- “A Strategy Guide To CSS Custom Properties”
The themes are named after Mario Kart 64 tracks (with one exception: the Hacker News theme, which appends “considered harmful” to every post title on the site). It's a playful take on a common feature, and it shows how flexible theming can be when the groundwork is done well. The same setup could adapt colors to a visitor's location or other context.
Overpass Turns Carousels Tactile
Carousels rarely inspire affection, but Overpass's version feels different. Cards bounce, shrink and stretch as you drag them, almost like a physical object.
The effect comes from combining the touch-action CSS property with translate3d(), so the card container can be dragged smoothly. When a user grabs the container, every card applies scale(0.95) and recedes slightly until released. The result is a carousel with a pleasant sense of depth, plus embedded audio clips that add another layer without slowing things down.
Mammut Sells Gear Through Stories
E-commerce too often defaults to product shots on white backgrounds. Mammut goes the opposite route, selling its hiking equipment through long-form expedition articles complete with audio, maps and photography.
The gear appears naturally within the narrative, not as an interruption. It works because the content is genuinely good—the kind of thing people might share even without any intent to buy mountaineering equipment. The shopping links eventually lead to the familiar checkout flow, but by then they've been earned. E-commerce doesn't have to feel sterile.
Axeptio Makes Cookie Consent Palatable
Cookie disclaimers are typically an afterthought: a gray box that appears the moment you land, offering boilerplate legalese. Axeptio, a company that builds consent solutions, treats its own pop-up as a design opportunity.
Small details matter. The notice doesn't appear until the user starts interacting with the page, so it doesn't interrupt someone who hasn't yet engaged. The copy is conversational instead of regulatory. It's still a consent form, but it makes a better first impression than the standard “We value your privacy” window.
Legal forms, email signups and privacy pages don't have to be ugly or evasive. Like everything else on the web, they just benefit from being thought about.
