← Back to Home

Bold. Raw. Unapologetic.

Neo-Brutalism brings brutalist architecture to the web with thick borders, vibrant colors, and dramatic shadows.

Explore Style

Key Features

Thick Borders

Bold black outlines define every element, creating strong visual boundaries and unmistakable structure.

Hard Shadows

Dramatic offset shadows add depth without gradients, maintaining the raw, unrefined aesthetic.

Vibrant Colors

Saturated, high-contrast color palettes that demand attention and make bold statements.

Raw Digital Expression

Neo-Brutalism strips away the polish and embraces imperfection. Every element is deliberate, functional, and unapologetically bold. It's a rebellion against overly refined designs.

IMAGE

Ready to Go Bold?

Get Started Now

AI 프롬프트 예제

Claude/Cursor를 사용하여 Neo-Brutalism 스타일의 컴포넌트를 생성할 때 참고하세요.

요구사항

  • 굵은 검은 테두리 (border: 3-5px solid black)
  • 하드 쉐도우 (box-shadow, 그라데이션 없음)
  • 강렬하고 채도 높은 색상 (neon, 형광색)
  • 대담한 타이포그래피 (두꺼운 폰트)
  • 직각 모서리 또는 최소한의 border-radius
  • 강한 대비와 시각적 임팩트

제약조건

  • 접근성 고려 (고대비 색상 조합)
  • 반응형 디자인 필수
  • 과도한 애니메이션 지양

예상 결과

  • 강렬한 시각적 임팩트
  • 명확한 경계선이 있는 요소들
  • 하드 쉐도우로 깊이감 표현
  • 대담하고 거친 느낌의 디자인
  • 높은 가독성과 명확한 구조
  • 개성 있고 독특한 UI

프롬프트 템플릿

Neo-Brutalism 스타일의 포트폴리오 카드 컴포넌트를 만들어줘.

요구사항:
- 굵은 검은 테두리 (border: 4px solid black)
- 하드 쉐도우 효과 (예: box-shadow: 8px 8px 0 black)
- 강렬한 배경 색상 (예: #FF00FF, #00FFFF, #FFFF00)
- 대담한 타이포그래피 (두꺼운 sans-serif)
- 직각 모서리 또는 작은 border-radius (최대 4px)
- 호버 시 쉐도우 이동 효과

스타일 가이드:
- border: 3-5px solid #000
- box-shadow: 6px 6px 0 #000 (하드 쉐도우)
- background: 고채도 색상 (#FF00FF, #00FFFF 등)
- font-weight: 700-900
- border-radius: 0-4px

레이아웃:
- 카드 형태의 컴포넌트
- 제목, 설명, 버튼 포함
- 그리드 레이아웃으로 배치 가능

반응형 디자인 필수, 접근성 고려해줘.