Barbearia do Hulk — Riacho Fundo II, Brasília

Client

Barbearia do Hulk

Services

institutional

Year

2026

Role

Design and development

Stack

Next.js · React · Tailwind CSS · PWA · Vercel

View the project

A neighbourhood barbershop that sells cuts, beards, combos, plans and products. The site had to show all of it with prices and get the customer to book a slot without a phone call.

What we did

We designed and built the site in Next.js 16 with the App Router and Turbopack, prerendered with revalidation and served by Vercel. It is a PWA: a manifest, a service worker and an Install button, plus a section that explains how to put the barbershop on your home screen. Accounts and bookings sit behind a login, with Sign in and Create account at the top of the page. The public page lays out 23 services and combos in a table with duration and price, four monthly subscription plans and a shop whose orders leave as a ready-made WhatsApp message. The interface uses Tailwind CSS v4 with Anton, Oswald and Barlow, a light and a dark theme and a continuous gold ticker. Barbershop structured data, with a service catalogue, opening hours and a reserve action, describes the business to local search.

A neighbourhood barbershop with an app: prices upfront, plans, a WhatsApp shop and booking with an account, installable.

LetteringBARBEARIA rises, DO draws as an outline and HULK rises in gold, with the site's own entrance mechanism — derived from the site.

Identity

The brand already existed: a three-line lettering. We measured it and drew it as a system.

Logotype
LogotypeThe three-line sign, its clear space and minimum size — derived from the site.
Light version
Light versionBlack on cream, with DO and HULK in gold: the same construction on the light theme's ground — derived from the site.

System

Colour, type and parts read from the site's code: eight variables, three families and the components that repeat.

PaletteEight colours, all CSS variables on the site, with HEX, RGB and HSL; WhatsApp green stands apart as a functional colour — derived from the site.
Typography
TypographyAnton for titles and prices, Oswald for the interface, Barlow for text, with each one's share of the home page's characters — derived from the site.
WeightsOswald in the four weights the site uses, 400 to 700, and the kicker's tracking opening to 0.46 em — derived from the site.
Components
ComponentsPlans, product, opening hours, price row, buttons and logo, cropped from the page with their measured styles — derived from the site.

Product

Everything the barbershop sells, priced: services, combos, plans and shop, and the shortest path to a booking.

  • Hero — On mobile.
  • Services — On mobile.
  • Combos — On mobile.
  • Plans — On mobile.
  • Shop — On mobile.
  • Opening hours — On mobile.
  • Contact — On mobile.
Hero · Services · Combos · Plans · Shop · Opening hours · Contact
Services and combosThe price list scrolling on the home page, from the heading to row 21.
Book from your phone
Book from your phoneThe invitation to install the app, with the Install button and a “How to install?” help.
Plans, shop and hoursFrom Plans to Opening hours, through the shop.
View the project

Details

In the details: a dark theme one tap away, the phone menu and the gold logo that closes the page.

Footer
FooterThe barbershop's gold logo closes the page, with the neighbourhood, the phone number and the terms.
The lettering at home
The lettering at home“Barbearia do Hulk” in three lines, where the page begins: the neighbourhood above and Book a slot below.

Results

  • Live in production, prerendered and served by Vercel

  • An installable app (PWA), with a manifest, a service worker and an Install button

  • 23 services and combos with duration and price, and four subscription plans

  • Shop orders and subscriptions become a ready-made WhatsApp message

Credits

Design
Ressolv
Development
Ressolv
Brand system
Ressolv, derived from the site's lettering
View the project

Next project

Chádrez — Specialty Tea Store

Talk to the studio All projects