예가체페 코체레
에티오피아 · 라이트 · 200g
자몽과 홍차, 산뜻한 끝맛
18,000원/ 200g
4.8 (214)
원두 스토어
이번 주 로스팅 일정에 올라간 원두만 보여드립니다.
정렬
이번 주 원두
목요일 로스팅분으로 준비합니다.
전체 8종
우일라 수프리모
콜롬비아 · 미디엄 · 200g
캐러멜과 견과, 부드러운 바디
15,500원/ 200g
4.6 (167)
안티구아 파스토레스
과테말라 · 미디엄 · 200g
다크초콜릿과 은은한 향신료
16,500원/ 200g
4.5 (132)
신상품
키암부 AA
케냐 · 미디엄 · 200g
자두와 토마토, 묵직한 단맛
19,000원/ 200g
4.7 (98)
만델링 G1
인도네시아 · 다크 · 200g
삼나무와 흑설탕, 낮은 산미
14,500원/ 200g
4.3 (76)
베스트
하우스 블렌드
블렌드 · 미디엄 다크 · 500g
우유와 잘 어울리는 기본 블렌드
23,000원/ 500g
4.9 (503)
디카페인 콜롬비아
콜롬비아 · 미디엄 · 200g
늦은 저녁에도 부담 없는 한 잔
17,000원/ 200g
4.4 (88)
재고 임박
드립백 12개입
블렌드 · 미디엄 · 12개 · 120g
사무실과 여행용으로 담는 구성
16,000원/ 12개 · 120g
4.6 (341)
DEMO · 커머스 · 스타일
Skeuomorphism 규칙으로 지은 화면
LUMA 원두 스토어의 쇼핑 한 페이지를 39가지 디자인 스타일로 각각 다시 지었습니다. 상품과 장바구니는 그대로, 규칙만 갈아끼운 화면입니다.
이 화면이 지키는 규칙
실제 물리적 객체의 질감과 모양을 디지털 인터페이스에 그대로 모방합니다. 커피 구독 브랜드 LUMA의 랜딩 한 페이지를, Skeuomorphism 규칙만 갈아끼워 다시 지은 화면입니다. 이 스타일이 붙들고 있는 축은 세 가지 — 현실 세계와의 유사성 · 직관적 인식 · 풍부한 디테일. 그래서 다른 걸 다 포기하더라도 화면에 끝까지 남는 것은 소재별 질감 텍스처 (CSS background-image 또는 실제 이미지) / 다중 레이어 그림자 (현실의 3D 깊이감) 쪽입니다. 무드로 읽으면 레트로 · 따뜻한 계열, 빽빽한 · 따뜻한 · 과거를 참조하는 · 중립적인 자리에 놓입니다. 실제로는 고급 모바일 앱 (캘린더, 메모장 등) · 게임 UI · 오디오·악기 앱 같은 화면에서 자주 만납니다.
색이 하는 일
현실 소재(나무, 가죽, 금속, 종이)의 색상과 질감을 재현하는 사실적 팔레트. 색의 역할은 이렇게 나뉩니다 — material-base → 주 소재 색상 — 나무 갈색, 가죽 갈색, 알루미늄 실버 등 / highlight → 광원에 의한 밝은 반사 — 소재 색의 밝은 변형 / shadow → 소재의 어두운 그림자 — 깊이감 표현. 대신 넘지 않는 선이 있습니다 — 현실에 존재하지 않는 색조(neon, vivid gradient) 사용 금지 / 소재 질감과 어울리지 않는 색 금지 (e.g. 나무 텍스처 위 형광색). 이 페이지에 실제로 물려 있는 값은 강조색 #4A90E2, 배경 그라데이션, 표면 그라데이션입니다. 대비 기준은 텍스처 배경 위 텍스트 대비 확보 어려움 — text-shadow 또는 별도 레이블 영역 필수.
글자와 리듬
소재와 어울리는 폰트 — 가죽 노트엔 세리프, 메탈 앱엔 산세리프, 나무 질감엔 슬랩세리프. 글꼴은 최대 2종까지 씁니다. 타입 스케일은 소재와 UI의 물리적 비율 모방 — 정해진 스케일보다 현실감 우선. 텍스처 배경 위 폰트는 텍스트 가독성 확보 최우선 / 폰트 크기는 소재 비율에 맞게 — 너무 작으면 질감과 겹쳐 안 보임 — 히어로와 본문 사이의 거리가 여기서 정해집니다. 이 화면에 물린 값은 Lucida Grande 계열, 제목 700 · 본문 400 두께, 자간 0em입니다. 섹션 사이 여백은 표준적인 쪽으로 잡혀 있습니다.
손끝에서 갈리는 차이
Skeuomorphism에서 하지 않는 것은 분명합니다 — 텍스처 없는 flat 영역 사용 금지 — 모든 영역이 소재를 가져야 함 / 현실에 없는 빛 방향 사용 금지 — 빛은 항상 위(좌상단)에서 / 픽셀 퍼펙트 디테일 포기 금지 — 고밀도 텍스처와 반사 필수. 버튼은 모서리를 살짝 굴린 모양에 눌려 들어가는 호버, 카드는 바닥에서 떠 있는 표면에 눌려 들어가는 반응으로 물려 있습니다. 배경에는 노이즈 처리가 겹쳐 있습니다. 전환은 200ms ease 한 박자로 통일했습니다. 현실의 물리법칙 모방. 버튼은 눌리는 느낌(inset shadow). 페이지 넘기기는 curl 애니메이션. spring 물리 기반 모션. 게임 UI · 악기·오디오 앱 · 고급 라이프스타일 앱 같은 프로젝트라면 이 조합이 가장 오래 버팁니다.