Websites
Warley Moda Masculina: shop website
A shop website for a menswear shop in Brazil in a hard-edged black-and-red editorial style: huge condensed uppercase headlines with one word in red, a split hero and an asymmetric product grid.
- Context
- Warley Moda Masculina, a menswear shop in São Mateus, Espírito Santo, Brazil.
- My role
- Design and frontend development
- Year
- 2026
Overview
Warley Moda Masculina sells suits, blazers, shirts, trousers, accessories and shoes. The website gives the shop a bold, high-contrast look in Brazilian Portuguese.
The problem
A menswear shop needed a website in Brazilian Portuguese with a confident, high-contrast look to present its categories and new arrivals.
The solution
Black and red, with huge condensed Anton headlines, DM Mono labels and Inter body text. The page opens with a branded loader into a split hero (darkened photo on one side, headline on the other), then a looping promo ticker, a category list that previews an image on hover, an asymmetric two-to-one product grid, a lookbook, an about section, a newsletter and the footer. A custom cursor ring and reveal-on-scroll animations add motion.
Screenshots
Captured from the real, live website.
My contribution
Designed and built the website and published it on the client's domain.
What it does
- Branded page loader and split hero
- Category list with an image preview on hover
- New arrivals in an asymmetric two-to-one grid
- Promo ticker and reveal-on-scroll animations
- Full-screen black menu on phones
Technical challenges
Impact without clutter
Huge condensed headlines can crowd a page. Each section gets one large headline with a single red word, and the rest of the text stays small and monospaced, so the hierarchy stays clear.
Verified stack
- HTML
- CSS
- JavaScript
Facts from the code
- Language
- Brazilian Portuguese
- Products in the catalogue
- 6
- Ordering
- Through the contact section
Outcomes
- Live at warley-moda.site.
Lessons
- One accent colour, used for a single word, is enough to carry a whole page.
About this case study
Client website, shown by name and live on its own domain. Screenshots were taken on the live site. Images are shown as published on the site; they are not necessarily photos of the shop or its products.
Planning a new website, or is yours too slow?
Describe it in a few sentences. You'll get a reply within two business days with questions, a rough approach, and a price range in CHF.