PTEN
Let's talk
MenuClose menu
PTEN
contato@tatuitech.com
Let's talk

Best Foe

A digital experience that translates the intensity of hardcore into identity, motion and online presence.

Client
Best Foe · João Pessoa, Brazil
Scope
Creative direction · Web design · UX/UI · Creative development · Motion
Year
2026

Built by Tatuí Tech and shown with the band's permission.

The Best Foe website on a laptop and a phone

Context

Best Foe is a hardcore band from João Pessoa, in Paraíba, Brazil. The official website launched together with the EP Hardcore Is Not Dead and brings the record, the band, the shows, the videos, the gig calendar and contact into one place.

The idea was a website that opens in the middle of the show: loud, direct and made for the phone, without turning into a corporate page.

What we did

  1. Hero

    Live footage under a red filter, a manifesto headline, the Spotify player and the cover's devil animated alongside.

  2. Preloader

    The entry button plays the intro of “Warning”, and the EP carries on by itself in the official Spotify player.

  3. Interactive cover

    A WebGL shader pushes the cover's colours out of register, like a screen print, and makes them follow the cursor.

  4. Live

    Fourteen photos from two shows in an editorial grid, with a keyboard-navigable lightbox.

  5. Gigs and contact

    The gig calendar reads its dates from a single file and hides each show once it has happened. Contact goes straight to the band's WhatsApp and Instagram.

Visual direction

A poster pasted on a lamppost: the direction comes from street gig posters, with torn paper and flat red and black. Archivo and IBM Plex Mono for type; the logo and Daniel Ete's EP artwork come in as they are.

Visual system: colours, Archivo and IBM Plex Mono type and the poster direction
Daniel Ete's EP artwork with the devil stepping out of the cover

The website

From the preloader with sound to the gig calendar, each section works like a block of a poster: the cover becomes an interaction, the live photos get an editorial grid and the next show appears on its own.

The Best Foe website hero on desktop, at full size
Website hero with live footage in red, manifesto headline and the Spotify player
The website's preloader on a phone, with the Enter with sound button
The Hardcore Is Not Dead EP section with the interactive cover and the track list
The Live section with the grid of show photos
Gig calendar with the next show and the band's contact
Project film, recorded with the real website running. Instrumental score generated for the film; it does not use the band's music.

Desktop and mobile

Recomposed for the phone, not shrunk: centred buttons, a fixed mini player, the calendar with the next show and direct contact on WhatsApp.

Four screens of the website on a phone
The website hero on a phone
The EP section on a phone, with the cover and the track list
Gigs and contact on a phone

Credits

Authorship
Creative direction, design and development by Tatuí Tech. Shown in the portfolio with the band's permission.
EP artwork
Daniel Ete
Photos
Best Foe's archive
Technology
Vite, JavaScript, WebGL2 and the Spotify iFrame API
Imagery and film
The character's smoke was animated with AI (Higgsfield, Kling) over the original artwork, without changing the drawing. The case film uses captures of the real website and an instrumental score generated with ElevenLabs Music.
Visit the site

bestfoehc.com (opens in a new tab)

Other projects

See all projects