스타일을 선택하면 사이트 전체가 해당 디자인 언어로 변합니다시작하기
33개의 디자인 스타일

UI 디자인 스타일 위키

스타일을 적용하면 사이트 전체가 실시간으로 바뀝니다

기본 스타일

인기 스타일

Material Design

2014

구글이 만든 디자인 시스템으로, 물리적 재료와 조명의 은유를 사용합니다.

그림자와 깊이를 통한 계층 구조대담한 색상과 타이포그래피

Fluent Design System

2017

마이크로소프트의 디자인 언어로, 빛, 깊이, 모션, 재료, 스케일의 5가지 요소를 강조합니다.

Acrylic 재질 (반투명 효과)부드러운 애니메이션

Glassmorphism

2020

반투명한 유리 효과를 활용한 모던하고 세련된 디자인 스타일입니다.

배경 블러 효과반투명 레이어

Neobrutalism

2022

브루탈리즘의 현대적 해석으로, 굵은 테두리와 대담한 색상을 사용합니다.

굵은 검은 테두리평면적 색상

Minimalism

1960s

"적을수록 좋다"는 철학으로, 불필요한 요소를 제거하고 본질에 집중합니다.

제한된 색상 팔레트넉넉한 여백

Dark Mode Design

2018

어두운 배경을 사용하여 눈의 피로를 줄이고 배터리를 절약합니다.

어두운 배경색높은 명암비

Gradient Design

2016

부드러운 색상 전환을 활용하여 깊이감과 현대적인 느낌을 제공합니다.

부드러운 색상 전환다층 그라데이션

Cyberpunk

2019

네온 색상과 미래지향적 요소를 활용한 사이버펑크 스타일입니다.

네온 색상글리치 효과

디자인 언어9

Google

Material Design

2014

by Google

구글이 만든 디자인 시스템으로, 물리적 재료와 조명의 은유를 사용합니다.

그림자와 깊이를 통한 계층 구조대담한 색상과 타이포그래피의미 있는 모션과 애니메이션

Fluent Design System

2017

by Microsoft

마이크로소프트의 디자인 언어로, 빛, 깊이, 모션, 재료, 스케일의 5가지 요소를 강조합니다.

Acrylic 재질 (반투명 효과)부드러운 애니메이션연결된 애니메이션과 전환

Human Interface Guidelines (HIG)

1987

by Apple

애플의 디자인 철학으로, 명료성, 존중, 깊이를 핵심 가치로 합니다.

명료한 계층 구조부드러운 애니메이션SF 폰트 사용
IBM

Carbon Design System

2017

by IBM

IBM의 오픈소스 디자인 시스템으로, 엔터프라이즈 제품에 최적화되어 있습니다.

그리드 기반 레이아웃
체계적인 타이포그래피
접근성 우선
Ant Design

Ant Design

2015

by Ant Group

엔터프라이즈급 UI 디자인 언어로, 중국 알리바바 그룹에서 개발했습니다.

풍부한 컴포넌트 라이브러리일관된 디자인 토큰국제화 지원
Atlassian

Atlassian Design System

2017

by Atlassian

아틀라시안의 제품군에 사용되는 디자인 시스템입니다.

협업 중심 컴포넌트유연한 레이아웃강력한 접근성
1
LIVE TILE
3
Metro
Design
CONTENT

Metro Design

2010

by Microsoft

마이크로소프트의 타일 기반 디자인 언어로, 타이포그래피와 콘텐츠 중심의 심플한 인터페이스를 추구합니다.

라이브 타일 (Live Tiles)
대담한 타이포그래피
플랫한 색상 팔레트

Bootstrap

2011

by Twitter

세계에서 가장 인기있는 프론트엔드 프레임워크로, 빠르고 반응형인 웹사이트 구축을 위한 도구입니다.

강력한 그리드 시스템사전 정의된 컴포넌트모바일 우선 설계
🛍️
Add product

Shopify Polaris

2016

by Shopify

상거래 경험을 위한 Shopify의 디자인 시스템으로, 명확하고 일관된 인터페이스를 제공합니다.

머천트 중심 디자인일관된 컴포넌트접근성 우선

디자인 스타일11

F

Flat Design

2012

2D 평면적인 요소를 사용하여 심플하고 미니멀한 디자인을 추구합니다.

그림자 없는 평면적 요소단순한 색상 팔레트미니멀한 타이포그래피
📖

Skeuomorphism

2000s

실제 물리적 객체의 질감과 모양을 디지털 인터페이스에 그대로 모방합니다.

실제 재질 모방 (나무, 가죽 등)그라데이션과 텍스처그림자와 하이라이트

Glassmorphism

2020

반투명한 유리 효과를 활용한 모던하고 세련된 디자인 스타일입니다.

배경 블러 효과반투명 레이어미묘한 테두리
🌊

Neumorphism

2019

소프트 UI라고도 불리며, 요소가 배경에서 부드럽게 돌출된 듯한 효과를 만듭니다.

소프트 섀도우단색 배경부드러운 엠보싱

Brutalism

2014

거칠고 날것 그대로의 디자인으로, 전통적인 미학을 거부합니다.

비대칭 레이아웃
단순한 HTML 요소
대담한 타이포그래피
80s

Memphis Style

1981

1980년대 포스트모던 디자인 운동에서 영감을 받은 대담하고 화려한 스타일입니다.

기하학적 패턴밝고 대비되는 색상대담한 형태

Swiss Design (국제 타이포그래피 양식)

1950s

스위스에서 발전한 그래픽 디자인 스타일로, 명료성과 객관성을 강조합니다.

그리드 시스템
산세리프 타이포그래피
비대칭 레이아웃
R
VINTAGE

Retro & Vintage

Various

과거의 디자인 요소를 현대적으로 재해석한 노스탤지어를 자극하는 스타일입니다.

빈티지 색상 팔레트클래식 타이포그래피텍스처와 그레인
🎨

Claymorphism

2021

점토나 플라스틱 같은 질감을 디지털로 재현한 3D 스타일입니다.

부드러운 3D 형태풍선같은 느낌부드러운 그림자
N

Neobrutalism

2022

브루탈리즘의 현대적 해석으로, 굵은 테두리와 대담한 색상을 사용합니다.

굵은 검은 테두리평면적 색상그림자 없음

Corporate Memphis

2017

플랫한 색상과 단순화된 인체 비율을 특징으로 하는 현대적 일러스트 스타일입니다.

과장된 신체 비율단순화된 얼굴 표현밝고 포화도 높은 색상

시각적 스타일13

M

Minimalism

1960s

"적을수록 좋다"는 철학으로, 불필요한 요소를 제거하고 본질에 집중합니다.

제한된 색상 팔레트넉넉한 여백단순한 타이포그래피

Maximalism

2010s

풍부한 색상, 패턴, 장식으로 시각적으로 압도적인 경험을 제공합니다.

대담한 색상 조합복잡한 패턴다층 레이어
🌙

Dark Mode Design

2018

어두운 배경을 사용하여 눈의 피로를 줄이고 배터리를 절약합니다.

어두운 배경색높은 명암비강조된 콘텐츠

Monochrome Design

Timeless

단일 색상의 다양한 톤과 음영을 사용하여 세련되고 일관된 느낌을 줍니다.

단일 색상 기반톤과 음영 활용명확한 대비

Gradient Design

2016

부드러운 색상 전환을 활용하여 깊이감과 현대적인 느낌을 제공합니다.

부드러운 색상 전환다층 그라데이션생동감 있는 색상

Abstract & Geometric

2015

기하학적 형태와 추상적 요소를 활용한 현대적이고 역동적인 스타일입니다.

기하학적 형태추상적 패턴대담한 구성
🌿

Organic & Natural

2019

자연에서 영감을 받은 부드럽고 유기적인 형태를 사용합니다.

곡선형 요소자연적 색상부드러운 전환

Isometric Design

2017

3D 객체를 2D로 표현하는 등각투영법을 활용한 디자인입니다.

3D 착시 효과30도 각도기하학적 정확성

Aurora Design

2022

오로라 현상에서 영감을 받은 화려하고 몽환적인 그라데이션 스타일입니다.

다채로운 그라데이션블러 효과유동적인 형태
</>

Cyberpunk

2019

네온 색상과 미래지향적 요소를 활용한 사이버펑크 스타일입니다.

네온 색상글리치 효과미래지향적 타이포그래피

Duotone

2015

이미지를 두 가지 대비되는 색상으로 처리하여 강렬하고 독특한 시각적 효과를 만듭니다.

2색 컬러 팔레트높은 대비브랜드 색상 활용

Low Poly

2013

저폴리곤 3D 모델링 스타일로, 기하학적 면과 각진 형태가 특징인 현대적 비주얼입니다.

기하학적 삼각형 면각진 형태그라데이션 면 처리

Pixel Art

1970s

레트로 게임에서 영감을 받은 픽셀 단위의 그래픽 스타일로, 향수와 창의성을 자극합니다.

픽셀 단위 그래픽제한된 색상 팔레트레트로 게임 감성