디자인 스타일

클레이모피즘(Claymorphism)

클레이모피즘(Claymorphism)은 둥글고 두꺼운 컴포넌트에 안쪽·바깥쪽 그림자와 밝은 색을 더해 점토나 고무처럼 말랑한 입체감을 만드는 스타일입니다.

쉬운 설명

말랑한 점토처럼 부풀어 오른 형태, 큰 라운드와 다층 그림자를 사용하는 3D 스타일.

Visual sample

눈으로 보면 이렇습니다

파스텔 색, 큰 라운드와 다층 그림자로 말랑한 점토 질감을 표현한 클레이모피즘 샘플

  • 부풀어 오른 형태
  • 큰 라운드
  • 다층 소프트 섀도
AI에게 이렇게 요청해 보세요
Playful claymorphism, inflated pastel components, large rounded corners, layered soft shadows, crisp accessible text

Style variations

같은 스타일도 이렇게 달라집니다

파스텔 장난감, 짙은 3D 인터페이스와 캐릭터형 표면처럼 색과 부피의 강도에 따라 연령대와 제품 분위기가 달라집니다.
Pastel

파스텔 클레이

라벤더와 피치 색의 부드러운 덩어리로 친근한 교육·소셜 화면을 만듭니다.

Pastel claymorphism, lavender background, inflated coral controls, rounded 3D forms, crisp dark labels
Candy

캔디 클레이

선명한 민트와 보라 그라데이션으로 게임화된 행동과 보상을 강조합니다.

Candy clay UI, mint surface, purple gradient clay buttons, pillowy depth, playful reward states
Dark Clay

다크 클레이

짙은 배경 위에 밝은 입체 블록을 제한해 창작 도구의 집중감과 개성을 살립니다.

Dark claymorphism, deep navy background, floating violet clay modules, controlled glow, readable white text

Visual DNA

스타일을 만드는 구체적인 요소

단어 하나보다 아래 요소를 함께 지정해야 AI가 더 일관된 결과를 만듭니다.
01

선과 테두리

0–1px · Soft edge

단단한 외곽선보다 색 변화와 하이라이트로 두꺼운 가장자리를 표현합니다.

02

모서리

20–48px · Puffy

카드와 버튼에 큰 라운드를 사용해 부풀어 오른 덩어리처럼 보이게 합니다.

03

컬러 톤

Pastel / Candy

라벤더, 피치, 민트와 보라처럼 밝은 색을 2–3개로 제한합니다.

04

타이포그래피

Rounded Sans · 600–800

둥근 형태와 어울리는 친근한 산세리프를 쓰되 긴 본문은 중립적인 글꼴로 유지합니다.

05

아이콘

Rounded Filled

둥글고 채워진 아이콘이나 두꺼운 선 아이콘을 같은 입체감으로 통일합니다.

06

그림자

Inset + Multi-layer

안쪽 하이라이트와 여러 단계의 넓은 그림자를 조합해 말랑한 부피를 만듭니다.

07

간격과 밀도

20–40px · Spacious

큰 덩어리들이 서로 붙어 보이지 않도록 넉넉한 간격을 확보합니다.

08

모션

180–300ms · Squish

press에서 살짝 눌리고 복원되는 짧은 탄성으로 재질감을 전달합니다.

Where it works

어떤 프로젝트에 잘 어울리나요?

스타일의 강도는 제품의 목적과 사용자가 읽어야 하는 정보량에 맞춰 조절해야 합니다.

적극적으로 추천

추천 어린이 교육·온보딩

친근한 덩어리와 색이 탐색의 재미를 높입니다.

추천 게임화·리워드 UI

보상과 주요 행동을 입체적으로 강조하기 좋습니다.

추천 캐릭터·크리에이터 제품

브랜드의 장난스럽고 촉각적인 개성을 전달합니다.

강도를 조절해서 적용

부분 적용 소비자 앱 홈

CTA와 핵심 카드에만 적용해 정보 밀도를 조절해야 합니다.

신중 기업·금융 업무 화면

강한 장난감 인상이 신뢰와 빠른 판독을 방해할 수 있습니다.

Compare

비슷한 스타일과 무엇이 다른가요?

클레이모피즘은 독립된 색 덩어리의 큰 부피와 장난스러움을 강조하고, 뉴모피즘은 배경과 같은 표면의 미세한 눌림과 돌출을 표현합니다.
CLAY

클레이모피즘(Claymorphism)

  • 선명한 색의 독립된 3D 덩어리
  • 큰 라운드와 다층 그림자
  • 장난스럽고 캐릭터 같은 인상
SOFT

Neumorphism

  • 배경과 같은 단색 표면
  • 양방향 그림자의 미세한 깊이
  • 조용하고 기능적인 인상

Prompt recipe

AI에게 요청할 때는 이렇게 조합하세요

스타일+색상+선과 모서리+타이포그래피+제외 조건
READY TO COPY Playful claymorphism, inflated pastel components, large rounded corners, layered soft shadows, crisp accessible text. Use large rounded forms, layered shadows from one light source, restrained pastel colors, rounded icons, and short squish feedback; avoid applying 3D depth to body text, stacking too many floating blobs, and sacrificing contrast for softness.

Final check

완성 전에 확인하세요

  1. 01

    입체 요소의 빛 방향이 일관적인가?

  2. 02

    색상을 2–3개로 제한했는가?

  3. 03

    본문은 입체 효과 없이 읽기 편한가?

  4. 04

    주요 행동과 장식 덩어리가 구분되는가?

  5. 05

    press 모션이 레이아웃을 움직이지 않는가?

  6. 06

    모바일에서 큰 덩어리가 화면을 과도하게 차지하지 않는가?

Explore more

다른 스타일도 보러 가기

작은 미리보기로 분위기를 비교하고 다음 디자인 용어로 이어가세요.
미니멀리즘(Minimalism) 불필요한 장식을 덜어내고 타이포그래피와 여백으로 핵심 정보에 집중하게 하는 스타일. 스타일 보기 네오 브루탈리즘(Neo-Brutalism) 굵은 테두리, 선명한 색상과 딱딱한 그림자로 의도적인 거칠기를 드러내는 스타일. 스타일 보기 글래스모피즘(Glassmorphism) 반투명한 표면과 배경 블러로 서리 낀 유리 같은 깊이를 만드는 스타일. 스타일 보기 스큐어모피즘(Skeuomorphism) 현실의 사물과 재질, 조작 방식을 디지털 인터페이스에 재현하는 스타일. 스타일 보기 벤토 UI(Bento UI) 크기가 다른 콘텐츠 블록을 도시락 칸처럼 하나의 그리드에 정리하는 레이아웃. 스타일 보기 브루탈리즘(Brutalism) 기본 HTML과 시스템 글꼴, 거친 배치로 웹의 구조를 숨기지 않고 드러내는 스타일. 스타일 보기 뉴모피즘(Neumorphism) 같은 배경색의 밝고 어두운 그림자를 조합해 표면이 눌리거나 솟아난 듯 보이게 하는 스타일. 스타일 보기 스위스 스타일(Swiss Style) 엄격한 그리드, 산세리프 타이포그래피와 비대칭 정렬로 정보를 객관적으로 전달하는 스타일. 스타일 보기 멤피스 디자인(Memphis Design) 기하 도형, 패턴과 대담한 색을 자유롭게 조합하는 장난스럽고 반권위적인 스타일. 스타일 보기 플랫 디자인(Flat Design) 입체적인 재질과 장식 그림자를 줄이고 단색 면과 단순한 아이콘으로 기능을 직접 전달하는 UI 스타일. 스타일 보기 에디토리얼 디자인(Editorial Design) 잡지와 신문처럼 타이포그래피, 이미지와 컬럼의 리듬으로 읽는 순서를 설계하는 디자인 방식. 스타일 보기 머티리얼 디자인(Material Design) 색상 역할, 컴포넌트 상태, 형태와 모션을 하나의 규칙으로 연결하는 Google의 오픈 디자인 시스템. 스타일 보기 맥시멀리즘(Maximalism) 색, 패턴, 글자와 이미지의 시각적 과잉을 반복과 초점으로 통제하는 표현 중심 스타일. 스타일 보기 리퀴드 글래스(Liquid Glass) 빛을 굴절하고 주변 색에 적응하며 상호작용에 따라 유동적으로 변하는 동적 유리 재질 표현. 스타일 보기 바우하우스(Bauhaus) 기본 기하 형태, 원색과 기능 중심의 구성을 결합해 형태와 목적의 관계를 드러내는 모더니즘 디자인 사조. 스타일 보기 Y2K 디자인(Y2K Design) 크롬, 반투명 플라스틱과 버블 형태로 2000년 전후의 디지털 미래상을 재해석하는 복고 스타일. 스타일 보기

관계 지도

클레이모피즘(Claymorphism) 중심으로 관련 개념의 정의와 관계를 한눈에 정리했습니다.
클레이모피즘(Claymorphism)의 정의와 관련 개념 간 관계를 설명한 계층형 그래프