Link-in-bio page · Photo albums
Shaka Bros wanted a link-in-bio page that felt like the brand, not a template — so the links sit on a white panel over a wall of their own event photography, slow-scrolling in alternating columns, with every column opening a full album.
The engagement
links.shakabros.co is the page behind the Shaka Bros Instagram and TikTok profiles. The founders asked for the feel of the photographer Takamitsu Motoyoshi's site: photo columns drifting up and down across a paper background, the active album lifting out of a soft wash on hover, a large album word with its photo count, and a viewer that steps through one photo at a time. Euphemios built it as a dependency-free static site on the brand guide's own palette and Lexend scale, fed by 152 photographs from the first two Frosty Friday sunrise handouts and the prep night between them.
01
The reference site is rendered in WebGL; the client needed the same visible behaviour without a heavy runtime, on a page whose job is to get people to the right link in one tap. The 152 photographs arrived as two camera folders, one of them mixing a night of pressing and bottling with the next morning's handout, and the brand guide is strict: paper and ink, one ginger accent, hairlines only, no rounded corners, no shadows, Lexend everywhere.
02
The photos were split into three albums by capture time, re-encoded twice (a 360 px column thumb and a 1920 px viewer frame) and committed with a manifest that drives both the home columns and the viewer pages. The columns are plain DOM: six tracks, two per album, moved by one animation-frame loop at a slow, slightly varied pace in alternating directions, with the inactive albums dimmed to a wash and the hovered album shown in full while the album word cross-fades beneath. Each column is a real link to its album's viewer, which mirrors the reference's mechanics — a centred frame, a thumbnail strip that slides so the current photo sits in a fixed hairline slot, one photo per wheel step, arrow keys, swipe on phones, and Close. The links panel follows the guide to the letter: a white box with a solid ink top rule, light hairline rows, the Race for Impact fundraiser first, socials as an icon row, and the sign-off underneath. The whole page makes zero external requests.
03
04
05
A link page that doubles as the brand's photo archive, with every album one tap from the profile link
Zero third-party requests, so the page loads from the brand's own assets only
A photo pipeline the founders can extend: drop a new album folder, rebuild, and the columns and viewer grow with it
Built with