PHILOSOPHY

We believe the web has gotten too clean — too safe, too quiet. We’re here to break that. Brutalism isn’t our style; it’s our stance. We build digital spaces that resist perfection, that let the cracks show and the noise breathe. Because truth lives in distortion, not polish. Every line of code, every misaligned element, every flicker of motion — all part of a living system that refuses to sit still. We design with tension, we develop with defiance, and we create experiences that feel something. The internet doesn’t need more beauty. It needs more honesty. Brutal is truth. Brutal is alive.

CAREER/DESTRUCTION

2024

INDEPENDENT CHAOS

Launched independent practice. Building experimental work for brave clients. No compromise.

2022

CREATIVE DIRECTOR

Led team of 12 building brutalist experiences for tech startups. Won awards. Ignored them.

2019

SENIOR DESIGNER

Pioneered experimental UI at digital agency. Pushed every boundary they had.

2017

DESIGNER

Started professional career. Immediately began breaking rules.

2015

GRADUATED

Design degree completed. Learned all the rules so I could break them properly.

TECHNICAL/ARSENAL

REACT

95%

FRONTEND

NEXT.JS

92%

FRAMEWORK

TYPESCRIPT

90%

LANGUAGE

GSAP

98%

ANIMATION

FRAMER MOTION

95%

ANIMATION

THREE.JS

85%

GRAPHICS

WEBGL

80%

GRAPHICS

NODE.JS

88%

BACKEND

STYLED-COMPONENTS

90%

STYLING

SANITY CMS

85%

CMS

GRAPHQL

82%

API

"They broke every rule we had and somehow created our most successful campaign ever. This is not design for the faint of heart."
"
Theybrokeeveryrulewehadandsomehowcreatedourmostsuccessfulcampaignever.Thisisnotdesignforthefaintofheart.
"
— CMO, Fortune 500 Tech Company
JAVASCRIPT
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
// DESIGN PHILOSOPHY AS CODE

"color: undefined">const brutalism = {
  // Reject false simplicity
  honesty: 'reveal-complexity',

  // Function over decoration
  purpose: element => element.justification || element.remove(),

  // Challenge expectations
  comfort: false,

  // Raw materials exposed
  materials: ['concrete', 'steel', 'code'],

  // Intentional chaos
  chaos: 'controlled && purposeful',

  // No apologies
  politeness: null
};

// Every pixel must EARN its place
"color: undefined">export "color: undefined">default brutalism;