선명한 색과 딱 떨어지는 그림자 · Neo-brutalism

시각 스타일 · 두꺼운 외곽선, 평면 색상과 선명한 오프셋 그림자를 쓰는 경향

조회 0추천 0

직접 만든 예시

[서비스 첫 화면]을 neo-brutalism으로 디자인해줘. 선명한 평면 색, 두꺼운 검은 외곽선, 블러 없는 오프셋 그림자를 사용해줘. 정보는 정돈된 격자에 배치하고 버튼 상태도 분명하게 보여줘.

빈칸을 내 상황에 맞게 채워 사용하세요.

입력과 결과 비교

설명용 예시

입력 같은 기록 서비스의 소개 문구·기능 3개·CTA

Neo-brutalism · 네오브루탈리즘의 특징을 적용한 시각적 변형. 문구와 기능은 같고 색·재질·배치를 비교합니다.

활용 방식을 보여주는 예시이며, 직접 실행한 결과가 아닙니다.

브루탈리즘이라는 큰 범주 중 굵은 테두리와 딱딱한 그림자의 조합을 더 구체적으로 요청합니다. 용어의 경계는 작업자마다 달라 시각적 특징을 함께 적는 것이 좋습니다.

영상의 방향을 확장한 관련 키워드입니다. 프롬프트와 예시는 직접 제작했습니다. 원출처 ↗

기존 가이드와 자세한 사용법 읽기

안녕하세요 mouseco 입니다. :)

Neo-brutalism · 네오브루탈리즘은 두꺼운 외곽선, 평면 색상과 선명한 오프셋 그림자를 쓰는 경향입니다. 이 키워드는 시각 스타일을 지정하는 데 씁니다.

복사할 문구

[서비스 첫 화면]을 neo-brutalism으로 디자인해줘. 선명한 평면 색, 두꺼운 검은 외곽선, 블러 없는 오프셋 그림자를 사용해줘. 정보는 정돈된 격자에 배치하고 버튼 상태도 분명하게 보여줘.

가상의 기록 서비스에 같은 제목·기능·CTA를 두고 스타일을 바꿨습니다. 색상, 글자의 크기, 표면, 배치의 차이를 살펴보세요. 다른 스타일은 화면 위 선택창에서 바꿀 수 있습니다.

이 화면은 직접 만든 해석 예시이며, 해당 스타일의 유일한 정답이나 특정 모델의 성능 비교 결과는 아닙니다. 입체 화면은 CSS 3D, 메시 배경은 CSS 그라디언트로 구현했습니다.

확인일: 2026-10-18