Flat design
그림자도 반짝임도 없이
깔끔한 단색 면으로만 꾸며요
예시이번 달 지출
₩482,000
지난달보다 12% 덜 썼어요
내역 보기
이럴 때 써요
- 회사 소개 홈페이지를 깔끔하게 만들 때
- 지하철 노선도처럼 한눈에 읽혀야 할 때
- 카드뉴스에 단순한 아이콘을 넣을 때
#플랫디자인#FlatDesign#비주얼스타일#홈페이지
Minimalism
꾸밈을 다 덜어내고
여백과 글씨만으로 고급스럽게 보여요
이럴 때 써요
- 명품 브랜드 쇼핑몰 첫 화면
- 포트폴리오 작품만 돋보이게 할 때
- 발표자료에 핵심 숫자 하나만 보여줄 때
#미니멀#Minimalism#비주얼스타일#발표자료
Rounded corners
카드와 버튼의 모서리를 둥글게 깎아
같은 화면도 훨씬 부드러워 보여요
이럴 때 써요
- 토스·카카오뱅크처럼 친근한 앱 화면
- 아이 용품 상세페이지
- 딱딱한 대시보드를 부드럽게 바꿀 때
#둥근모서리#RoundedCorners#비주얼스타일#대시보드
Soft shadow
넓게 퍼지는 옅은 그림자로
카드가 바닥에서 살짝 떠 보여요
예시이번 달 지출
₩482,000
지난달보다 12% 덜 썼어요
내역 보기
이럴 때 써요
- 쇼핑몰 상품 카드를 돋보이게 할 때
- 대시보드 숫자 카드를 배경과 나눌 때
- 앱에서 꼭 눌러야 할 버튼을 띄울 때
#부드러운그림자#SoftShadow#비주얼스타일#상품카드
Bold typography
그림 대신 아주 크고 굵은 글씨가
화면의 주인공이 돼요
이럴 때 써요
- 카드뉴스 첫 장에 핵심 숫자를 박을 때
- 애플 신제품 소개처럼 한 문장만 크게
- 대시보드 맨 위 이번 달 매출
#큰글씨중심#BoldTypography#비주얼스타일#카드뉴스
Pastel palette
흰 물감을 많이 섞은 듯한
연하고 포근한 색으로 꾸며요
이럴 때 써요
- 디저트 카페 메뉴판
- 아기 옷 쇼핑몰 상세페이지
- 카드뉴스를 부드러운 분위기로 만들 때
#파스텔톤#PastelPalette#색감#카드뉴스
Monochrome
검정·흰색·회색만 써서
차분하고 세련돼 보여요
이럴 때 써요
- 패션 브랜드 룩북
- 보고서·문서를 진지한 분위기로
- 발표자료에서 색 때문에 산만할 때
#모노톤#Monochrome#색감#보고서
Duotone
사진까지 딱 두 가지 색으로만
물들여서 강렬하게 보여요
이럴 때 써요
- 스포티파이 연말 결산 화면
- 공연·전시 포스터
- 카드뉴스 표지 사진을 색깔 통일할 때
#듀오톤#Duotone#색감#포스터
Dark mode
배경은 어둡게, 글씨는 밝게
눈부심 없이 밤에도 편하게 봐요
LOOP이번 달 지출
₩482,000
지난달보다 12% 덜 썼어요
내역 보기
이럴 때 써요
- 유튜브·카카오톡 밤 화면
- 24시간 켜두는 모니터링 대시보드
- 어두운 회의실에서 띄우는 발표자료
#다크모드#DarkMode#색감#대시보드
Gradient mesh
여러 색이 물감처럼 번져 섞이고
천천히 자리를 옮겨요
이럴 때 써요
- 스타트업 홈페이지 첫 화면 배경
- 발표자료 표지 배경
- 앱 출시 축하 이벤트 페이지
#그라디언트메시#GradientMesh#배경#홈페이지
Aurora background
어두운 밤하늘에 초록·보라 빛이
커튼처럼 천천히 일렁여요
이럴 때 써요
- AI 서비스 소개 홈페이지 첫 화면
- 새해·연말 이벤트 페이지
- 다크 모드 대시보드의 맨 위 배경
#오로라배경#AuroraBackground#배경#홈페이지
Grain texture
매끈한 색 위에 자글자글한 점을 덮어
종이나 필름 사진 같은 느낌이 나요
이럴 때 써요
- 감성 카페·독립 서점 홈페이지
- 필름 카메라 느낌 카드뉴스
- 밋밋한 그라디언트 배경에 맛을 더할 때
#노이즈질감#GrainTexture#질감#카드뉴스
Glassmorphism
유리처럼 반투명한 카드 뒤로
알록달록한 배경이 흐릿하게 비쳐요
예시이번 달 지출
₩482,000
지난달보다 12% 덜 썼어요
내역 보기
이럴 때 써요
- 아이폰 제어센터 같은 화면
- 화려한 배경 위에 글을 올릴 때
- 홈페이지 첫 화면의 로그인 상자
#글래스모피즘#Glassmorphism#비주얼스타일#홈페이지
Neumorphism
배경과 같은 색인데 그림자만으로
볼록 튀어나오거나 쏙 들어가 보여요
이럴 때 써요
- 스마트홈 조명·온도 조절 화면
- 계산기·음악 재생 버튼
- 대시보드를 은은한 회색 톤으로 만들 때
#뉴모피즘#Neumorphism#비주얼스타일#대시보드
Claymorphism
찰흙으로 빚은 것처럼
통통하고 말랑말랑해 보여요
이럴 때 써요
- 어린이 학습 앱
- 게임 이벤트 보상 화면
- 카드뉴스를 귀여운 3D 느낌으로
#클레이모피즘#Claymorphism#비주얼스타일#카드뉴스
Skeuomorphism
가죽·금속·나무 같은 진짜 물건을
그대로 흉내 내서 만져질 것 같아요
이럴 때 써요
- 옛날 아이폰의 가죽 달력·메모장
- 레트로 라디오·시계 앱
- 고급 수제품 상세페이지
#스큐어모피즘#Skeuomorphism#비주얼스타일#상세페이지
Brutalism
굵은 검정 테두리와 쨍한 원색으로
일부러 투박하고 강렬하게 만들어요
예시이번 달 지출 ▸ 10월
₩482,000
내역 보기 →
이럴 때 써요
- MZ 감성 패션·굿즈 쇼핑몰
- 전시·페스티벌 홈페이지
- 카드뉴스를 확 튀게 만들 때
#브루탈리즘#Brutalism#비주얼스타일#카드뉴스
Y2K
2000년대 싸이월드 감성처럼
반짝이 별과 무지갯빛으로 꾸며요
이럴 때 써요
- 아이돌 굿즈·팝업스토어 페이지
- 10~20대 대상 이벤트 카드뉴스
- 레트로 콘셉트 생일 초대장
#Y2K#Y2KStyle#비주얼스타일#이벤트페이지