CERAMIC STYLE GUIDE
ceramic project / layout samples

도자기 스타일 가이드 레이아웃 샘플 컬렉션

그리드 대시보드 표 · 폼 리스트 · 타임라인
Grid Library

2단 · 3단 · 4단 그리드

2 Col / 01
2 Col / 02
3 Col / 01
3 Col / 02
3 Col / 03
4 Col / 01
4 Col / 02
4 Col / 03
4 Col / 04
Mixed Layout

비대칭 / 강조 영역

Feature Area Wide 8
Side Card
Meta Card
Sidebar Layout

사이드바 포함 레이아웃

Main Content
List A
List B
List C
Dashboard

대시보드형 카드 배열

Orders 128
Visitors 4.2k
Conversion 5.4%
Avg. Time 12m
Activity Feed
Status
  • Draft 08
  • Review 03
  • Publish 12
Tabs & Banner

탭형 헤더 + 배너/공지 박스

Overview Inventory Schedule Archive
Metrics

통계 / 메트릭 스트립

Revenue₩8.4M
Lead+24
Stock82%
Return1.8%
Comparison

비교 카드

Basic 2단 요약형
  • 심플한 카드 배열
  • 짧은 문장
  • 상단 메타
Featured 3단 강조형
  • 대표 카드 강조
  • 보조 액션 배치
  • 메트릭 병행
Dense 4단 데이터형
  • 목록 중심
  • 정보 밀도 높음
  • 표/필터 결합
Editorial Hero

매거진형 히어로 레이아웃

Cover Story 도자 재료와 공간 연출을 함께 보여주는 메인 커버
Issue 08 Feature Layout 12 min read
Secondary 작가 인터뷰 / 비하인드 노트
Collection 추천 작품 · 큐레이션 링크
Showcase Split

좌우 강조형 쇼케이스

Launch Layout 메시지와 액션을 분리한 고급 랜딩 구조
  • 왼쪽: 핵심 카피 / 숫자 / CTA
  • 오른쪽: 샘플 카드 / 상세 포인트
  • 상단 메타와 하단 지표 동시 배치
Primary Card 대표 상품 / 프로젝트 하이라이트
Point 01
Point 02
Masonry Study

Masonry 느낌 카드 배열

Story / Tall
Note / 01
Wide Visual / 02
Quote / 03
Detail / 04
Archive / 05
Case Study

Case study / 디테일 아티클

Case Overview 브랜드 리뉴얼 프로젝트 구조
Context

문제 정의 · 사용자 흐름 · 목표 지표를 상단에 배치.

Solution

중간에는 시각 예시와 프로세스, 하단에는 결과 카드와 회고 배치.

Plan Board

Pricing / Plan 비교 보드

Starter 간단 소개형 ₩29K
  • 기본 카드 3개
  • 짧은 설명 중심
  • 라이트 CTA
Featured 실무 운영형 ₩79K
  • 메트릭 + 비교표 포함
  • 상단 배지 강조
  • 대표 플랜 부각
Scale 대시보드 결합형 ₩149K
  • 조직/팀 보드
  • 운영 상태 패널
  • 고급 지원 섹션
KPI Board

KPI + 차트 보드

Revenue₩24.8M
Orders812
Repeat38%
Quarterly Trend
Highlights
  • 상위 상품 전환율 상승
  • 캠페인 유입 비중 확대
  • 재방문 사용자의 구매율 강화
Roadmap

고급형 타임라인 / 로드맵

Phase 01 Research

리서치 · 레퍼런스 · 범위 정리

Phase 02 Design

핵심 화면 · 데이터 구조 · 프로토타입

Phase 03 Launch

검수 · 배포 · 리포트 템플릿 정리

Sticky Context

Sticky sidebar 느낌 섹션

Section A본문 카드 / 설명 영역
Section B리스트 / 인사이트 / 이미지 묶음
Section CCTA / 참고 자료 / 추가 메모
People & Panels

프로필 · 추천사 · Empty / Modal / Drawer

Curator 팀 프로필 / 담당자 카드

짧은 역할 소개와 연락 포인트를 한 카드에 정리.

Testimonial
“브랜드 스토리와 제품 배열이 동시에 살아나는 구조.”
Empty State 아직 등록된 항목이 없습니다
Modal Panel 중앙 집중형 확인 패널
Drawer Panel 오른쪽 슬라이드 보조 패널
Commercial Hero

도자기몰 / 브랜드 메인 히어로

Brand Main Hero 잔잔한 미색 톤 위에 시즌 컬렉션과 대표 카피를 얹는 메인 비주얼
Season Collection Best Gift Edit Members 5% Off
Season Drop 가을 다구 컬렉션 / 한정 수량 안내
Gift Event 2인 세트 구매 시 티코스터 증정
Product Grid

베스트셀러 / 신상품 / 카테고리 쇼케이스

Bestseller 백유 라운드 플레이트 ₩38,000
New Arrival 스톤 머그 420ml ₩26,000
New Arrival 크림 볼 세트 ₩54,000
Restock 티웨어 저그 ₩42,000
Category식기
Category머그
Category볼
Category티웨어
Product Detail

상품 상세 상단 / 혜택 / 옵션 보드

Gallery
Hero Image Detail 01 Detail 02
Product Info 도담 브런치 2인 세트 ₩128,000
  • 회원가 / 첫 구매 쿠폰 / 무료 선물포장
  • 옵션: 컬러 선택 · 세트 구성 · 쇼핑백 추가
  • 배송: 2~4일 · 교환 가능 · 파손 보상 안내
Promotion 주말 한정 10% / 선착순 사은품 배너
Option Guide 유약 톤 차이 / 수작업 흔적 안내
Benefit 적립금 · 리뷰 리워드 · 세트 할인
Social Proof

리뷰 월 / 추천 조합 / 브랜드 스토리

Review “식탁 톤이 정리되고 선물 만족도가 높아요.”
Photo Review 머그 + 디저트 플레이트 조합 베스트
Repeat Pick 재구매 고객이 많은 볼 / 찻잔 라인
Bundle Set 브런치 조합 / 다과 조합 / 선물 세트 보드
플레이트 + 머그 볼 + 수저받침 티팟 + 찻잔
Brand Story 공방의 유약 질감과 제작 과정을 짧은 편집 섹션으로 연결
Editorial Commerce

룩북 / 쇼룸 / FAQ · 멤버십 안내

Lookbook 식탁 연출 컷과 컬렉션 링크를 함께 두는 에디토리얼 컬렉션
Offline Showroom 성수 쇼룸 / 공방 방문 예약 / 클래스 일정
FAQ & Delivery 배송 / 교환 / 파손 접수 / 관리법 안내 보드
Membership 등급별 적립 / 생일 쿠폰 / 프리오더 오픈 알림
Table Section

표 섹션

블록 형태 밀도 메모
Grid 2 / 3 / 4 Column 중간 카드 목록
Sidebar Aside + Main 높음 필터 / 탐색
Dashboard Metric + Panel 높음 요약 / 현황
Gallery Thumb Grid 낮음 시각 중심
Form Section

폼 섹션

Gallery

갤러리 / 썸네일 배열

Hero Thumb
Thumb 01
Thumb 02
Thumb 03
Thumb 04
Lists & Flow

리스트 / 타임라인 / 스텝 박스

List
  • 공지 카드
  • 상태 카드
  • 배너 카드
  • 메타 카드
Timeline
09:00오픈 준비
11:00전시 시작
15:00워크숍
Steps
01구조 선택
02카드 배치
03데이터 연결