# Minimalism — 디자인 스타일 가이드
## 기본 정보
- **ID**: minimalism
- **카테고리**: visual-style
- **연도**: 1960s
## 설명
"적을수록 좋다"는 철학으로, 불필요한 요소를 제거하고 본질에 집중합니다.
## 역사·배경
1960년대 미술 운동에서 시작. 디지털 UI에서는 스큐어모피즘에 대한 반작용으로 2010년대 주류 트렌드로 자리잡음.
## 핵심 원칙
- 단순성
- 기능성
- 본질에 집중
## 주요 특징
- 제한된 색상 팔레트
- 넉넉한 여백
- 단순한 타이포그래피
- 최소한의 장식
- 명확한 계층
## 사용 사례
- 포트폴리오 사이트
- 고급 브랜드 사이트
- 테크 스타트업 랜딩
- 블로그·저널
## 추천 프로젝트 유형
- 포트폴리오
- 고급 브랜드
- 블로그·저널
- 테크 스타트업
## 장점
- 시간이 지나도 낡지 않는 클래식함
- 콘텐츠 집중도 향상
- 빠른 로딩 속도
- 유지보수 및 수정 용이
## 단점·한계
- 지나치면 개성이 없어 보임
- 복잡한 제품 정보 전달에 부적합
- 잘못 사용하면 밋밋하거나 빈 느낌
## 실제 사용 제품·서비스
- Apple 웹사이트
- Google 검색
- Medium 블로그
## 접근성
높은 여백과 명확한 타이포그래피 계층이 스크린 리더에 유리. 단, 색상만으로 정보 전달하지 않도록 주의.
## 관련 스타일
- [flat-design](https://ui.buildersgate.com/styles/flat-design)
- [swiss-design](https://ui.buildersgate.com/styles/swiss-design)
- [dark-mode](https://ui.buildersgate.com/styles/dark-mode)
## 디자인 토큰
### 색상
- primary: #000000
- secondary: #FFFFFF
- accent: #888888
- background: #FFFFFF
- surface: #FAFAFA
- text: #000000
- textSecondary: #666666
- border: #E0E0E0
### 헤더
- background: #FFFFFF
- textColor: #000000
- accentColor: #000000
### 타이포그래피
- fontFamily: 'Helvetica Neue', 'Noto Sans KR', sans-serif
- headingWeight: 300
- bodyWeight: 300
- letterSpacing: 0.02em
### 스페이싱
- unit: 8px
- scale: 1.5
### 그림자 (Shadows)
- sm: 0 1px 2px rgba(0,0,0,0.05)
- md: 0 2px 4px rgba(0,0,0,0.08)
- lg: 0 4px 8px rgba(0,0,0,0.12)
- xl: 0 8px 16px rgba(0,0,0,0.15)
### Border Radius
- none: 0
- sm: 2px
- md: 4px
- lg: 8px
- full: 9999px
### 테두리 (Borders)
- width: 1px
- style: solid
- color: #E0E0E0
### 이펙트
- blur: 0px
- opacity: 1
- transition: all 0.3s ease
### 애니메이션
- duration: 300ms
- easing: ease
### 컴포넌트 토큰
- 버튼: shape=rounded / hoverEffect=none / textTransform=none
- 카드: style=flat / hoverEffect=none
- 인풋: style=underlined / focusEffect=border
- 배지: shape=pill / style=subtle
- 아이콘: package=feather / strokeWidth=1.5 / defaultSize=20
### 레이아웃
- containerStyle: boxed
- sectionSpacing: spacious
### 특수 효과
- glassmorphism: false
- gradientText: false
- animatedBackground: false
- scanlines: false
- noise: false
## API 엔드포인트
- 스타일 상세: https://ui.buildersgate.com/api/styles?id=minimalism
- 디자인 토큰: https://ui.buildersgate.com/api/themes?id=minimalism&merged=true
Minimalism
"적을수록 좋다"는 철학으로, 불필요한 요소를 제거하고 본질에 집중합니다.
1960년대 미술 운동에서 시작. 디지털 UI에서는 스큐어모피즘에 대한 반작용으로 2010년대 주류 트렌드로 자리잡음.
주요 특징
- 제한된 색상 팔레트
- 넉넉한 여백
- 단순한 타이포그래피
- 최소한의 장식
- 명확한 계층
장단점
장점
- +시간이 지나도 낡지 않는 클래식함
- +콘텐츠 집중도 향상
- +빠른 로딩 속도
- +유지보수 및 수정 용이
단점 / 한계
- −지나치면 개성이 없어 보임
- −복잡한 제품 정보 전달에 부적합
- −잘못 사용하면 밋밋하거나 빈 느낌
적합한 사용처
사용 사례
- 포트폴리오 사이트
- 고급 브랜드 사이트
- 테크 스타트업 랜딩
- 블로그·저널
이런 프로젝트에 추천
포트폴리오고급 브랜드블로그·저널테크 스타트업
접근성높은 여백과 명확한 타이포그래피 계층이 스크린 리더에 유리. 단, 색상만으로 정보 전달하지 않도록 주의.
실제 사용 예시
Apple 웹사이트Google 검색Medium 블로그
UI 컴포넌트 예제
이 디자인 스타일의 특징을 반영한 실제 UI 컴포넌트들입니다.
Minimal Buttons
최소한의 스타일로 깔끔한 버튼
Minimal Cards
여백과 타이포그래피에 집중한 카드
Simple Design
불필요한 요소를 제거하고 본질에 집중합니다. 넉넉한 여백과 명확한 타이포그래피가 핵심입니다.
Less is More
미니멀리즘의 철학은 "적을수록 좋다"입니다. 간결함 속에서 우아함을 찾습니다.
Minimal Typography
타이포그래피 중심의 디자인
Minimal
Simple & Clean
미니멀 디자인은 타이포그래피의 아름다움을 강조합니다. 명확한 계층 구조와 충분한 여백이 핵심입니다.
Minimal Input Fields
단순하고 깔끔한 입력 필드
Item One→
Item Two→
Item Three→