PopBlock: il branding che non chiede permesso

La sfida

PopBlock è nato nell'estate del 2023 da Luca, Sara e Matteo — tre designer sotto i trent'anni con background diversi (grafica editoriale, motion design, packaging) uniti da un'estetica comune: il neo-brutalismo. Bordi netti, colori saturi, ombre dure, tipografia che occupa spazio senza scusarsi.

Il loro portfolio cresceva rapidamente — brand di streetwear, festival musicali, startup tech con attitudine punk — ma il sito era un Notion condiviso con un link. Funzionava, ma non comunicava nulla dell'energia che definisce PopBlock.

Luca ci ha scritto un briefing di tre parole: "Loud. Bold. Fun." Non serviva altro.

Il nostro approccio

1. Neo-brutalismo come sistema, non come estetica

Il neo-brutalismo non è "metti bordi neri e colori pastello". È un sistema di design con regole precise: bordi solidi (3px), ombre dure senza blur (6px offset), colori piatti senza gradienti, tipografia display oversize. Abbiamo codificato queste regole in un design system coerente che funziona su ogni dispositivo e dimensione.

2. Palette cromatica da pop art

Viola lavanda, verde menta, rosa pastello, giallo banana, arancione caldo — la palette di PopBlock sembra uscita da una galleria di Andy Warhol. Ma non è casuale: ogni colore ha un ruolo funzionale. Il viola è l'accento primario, il verde i CTA, il rosa gli highlight, il giallo le sezioni informative.

3. Animazioni con personalità

Le transizioni di PopBlock non sono fluide ed eleganti — sono scattanti, rimbalzanti, con quel timing leggermente "sbagliato" che le rende memorabili. Un bottone al hover non si illumina — si sposta di 2px e l'ombra si accorcia, come se lo stessi premendo fisicamente. Ogni interazione ha un feedback tattile, anche su schermo.

Il processo creativo

Comprendere l'energia

Abbiamo chiesto ai tre fondatori di mandarci la loro playlist di lavoro, i brand che ammirano, i meme che condividono in chat. Sembra poco professionale? È il metodo più efficace che conosciamo per capire il tono di un brand. PopBlock ascolta Tyler the Creator mentre lavora e ammira il branding di Liquid Death. Questo ci ha detto tutto.

Design e sviluppo

• Font display: Unbounded — rounded, bold, impossibile da ignorare. Per il monospace: Space Mono, che aggiunge un tocco retro-tech
• Card con ombre dure — 6px di offset nero solido, nessun blur. L'effetto è un look "ritagliato", come collage di carta
• Hover con shift fisico — al passaggio del mouse, gli elementi si spostano di 2px e l'ombra si riduce. Sembra di premere un pulsante reale
• Layout a blocchi asimmetrici — la griglia esiste ma viene intenzionalmente violata. Alcuni elementi sporgono, altri si sovrappongono. Il caos è controllato

Esplora il progetto

Naviga il sito completo direttamente qui, in versione desktop o mobile.

I risultati

Il giorno del lancio, Sara ha postato il link su Instagram con la caption "Il nostro sito fa più rumore dei nostri lavori." In 48 ore, tre nuovi clienti li hanno contattati citando il sito come motivo del contatto. Luca ci ha scritto: "Avete capito PopBlock meglio di quanto lo capiamo noi."

Cosa abbiamo imparato

PopBlock ci ha insegnato che il neo-brutalismo funziona solo quando è intenzionale. La differenza tra un sito brutalista e un sito brutto è la coerenza interna: ogni "regola rotta" deve seguire un pattern. Il caos visivo di PopBlock non è casuale — è coreografato come un assolo jazz: sembra improvvisato, ma ogni nota è al posto giusto.

Tecnicamente, è stato il progetto dove abbiamo usato meno CSS in assoluto: niente gradienti, niente ombre complesse, niente blur. Solo colori piatti, bordi netti e posizionamento preciso. A volte, la semplicità tecnica produce i risultati visivi più d'impatto.