.hero-diagram { display:block!important;position:relative!important;inset:auto!important; width:100%!important;aspect-ratio:auto;opacity:1;transform:none;margin-top:42px; } .hero-diagram-art { display:none; } .hero-copy { width:min(760px,100%); } .hero-reasons { position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px; } .hero-reasons article { position:static;width:auto;height:auto;grid-template-columns:1fr;gap:14px; } .reason-number { width:76px; } @media(max-width:900px) { .menu-toggle { display:none; } .side-nav { position:relative;height:auto;flex-wrap:wrap;padding-block:18px; } .side-nav nav { display:flex;position:static;width:100%;padding:12px 0 0;box-shadow:none; flex-direction:row;flex-wrap:wrap;gap:4px 12px; } .side-nav nav a { padding:8px 0; } .hero { padding-top:0; } } @media(max-width:620px) { .hero-reasons { grid-template-columns:1fr; } }

Get an estimate

All projectsProduct website · Website design

Direct team. No agency overhead.

blk.

A bold product website with flavour discovery, product details and a focused shopping interface.

View the screens

Project scope: Art direction · E-commerce UI · Product storytelling
Project contact: Olga Bezkrovna
Design files: View in Figma

blk. product website with bold typography and mineral-water bottle

About the project

blk. leads with the bottle: large product photography, oversized type and cyan accents make the brand immediately recognisable. Our website work brings that graphic direction into flavour discovery, editorial sections and detailed product pages.

Project scope: Art direction · E-commerce UI · Product storytelling

01 / Interface details

Brand, product, storefront

Explore the product pages and the visual rhythm of the homepage.

Product details and purchase interface — 01Product details and purchase interface

Dirty Lemonade — flavour presentation — 02Dirty Lemonade — flavour presentation

The original game changer — product story — 03The original game changer — product story

Benefits and flavour discovery — 04Benefits and flavour discovery

Lifestyle, community and footer — 05Lifestyle, community and footer

The complete homepage — 06The complete homepage

All projects Next project: ZIYX

Direct team. No agency overhead.

Your next project.
Without the layers.

Send the idea or existing project, your timing and a budget range if you have one. We’ll suggest a practical scope and estimate before work begins.

gslip228@gmail.com tung@tchans.com