Minimal Clean

순수한 흑백 기반의 미니멀 디자인 시스템입니다. 넓은 여백과 절제된 타이포그래피로 콘텐츠에 집중합니다.

Landing Page Sample

minimal
AboutWorkContact
Design with
intention.

Every element serves a purpose. Nothing more, nothing less.

Get Started
Learn More
Features
01
Simple
Clarity over complexity
02
Focused
One thing at a time
03
Timeless
Beyond trends
"Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away."
Antoine de Saint-Exupéry
Ready to simplify?
Start Now
minimal
2025

Combination Palette

미니멀 흑백 테마와 어울리는 추천 조합

Set 1 - Pure Mono흑백 순수 모노크롬
Set 2 - Warm Minimal따뜻한 스톤 톤
Set 3 - Cool Minimal차가운 슬레이트 톤

Prompt

AI에게 바로 붙여넣을 수 있는 디자인 지침입니다.

Minimal Clean 디자인 가이드:

[디자인 철학]
- Less is more. 불필요한 요소는 과감히 제거한다
- 타이포그래피가 이끄는 위계. 장식보다 글꼴 크기와 굵기로 구분
- 넉넉한 여백이 고급스러움을 만든다. 빈 공간도 디자인이다
- 모노크롬 베이스에 최소한의 악센트. 색상은 절제되게

[UX 원칙]
- 콘텐츠에 집중하게 하는 디자인. 방해 요소 제거
- 명확한 동선과 직관적인 네비게이션
- 일관된 간격과 정렬로 질서감 부여
- 인터랙션은 미묘하지만 분명하게

[컬러]
- Primary: #18181B (Black), Hover: #27272A
- Background: #FFFFFF, Secondary: #FAFAFA
- Text: #09090B (제목), #18181B (본문), #71717A (보조)
- Border: #E4E4E7, Focus: #18181B

[사이즈]
- Spacing: 요소 내부 12px, 요소 간격 24px, 섹션 간격 80px
- Radius: 버튼/인풋 4px, 카드 8px, 배지 4px
- 버튼: 48px (기본), 40px (소형)
- 인풋: 48px
- Font: Pretendard, 14px 본문, 48px 디스플레이 (light weight)

[적용 가이드]
이 가이드는 기본 지침이며, 앱의 특성과 성격에 따라 유연하게 조정하세요:
- 웹 vs 모바일: 모바일은 터치 타겟 48px 이상, 대중적인 디바이스의 기준을 따른다.
- 정보 밀도: 대시보드는 적당히 촘촘하게, 랜딩/마케팅은 여유롭게
- 브랜드 톤: 친근함은 컬러를 조금 더 사용하고, 신뢰감은 화이트 위주 + 포인트 컬러는 적게
→ 컬러와 디자인 철학은 유지하되, 사이즈/간격/컬러 사용량은 상황에 맞게 조정

Design Tokens

Brand

Content (Text)

Border

Status

Error
Success
Info

Shadow

shadow-sm
shadow-md
shadow-lg
shadow-xl

Typography

DisplayMinimal 12348px / 300
HeadingMinimal 12324px / 500
Label LMinimal 12316px / 500
Label MMinimal 12314px / 500
Body LMinimal 12316px / 400
Body RMinimal 12314px / 400

Components

Minimal Clean 스타일이 적용된 컴포넌트 예시

Button

Input

Card

Card Title
Simple card with generous padding and clean borders.
Subtle Card
Background variation without border.

Badge

PrimarySecondarySuccessErrorOutline