YG
예가체페 코체레
에티오피아 · 라이트 · 200g
자몽과 홍차, 산뜻한 끝맛
18,000원/ 200g
4.8 (214)
원두 스토어
이번 주 로스팅 일정에 올라간 원두만 보여드립니다.
정렬
이번 주 원두
목요일 로스팅분으로 준비합니다.
전체 8종
HU
우일라 수프리모
콜롬비아 · 미디엄 · 200g
캐러멜과 견과, 부드러운 바디
15,500원/ 200g
4.6 (167)
AN
안티구아 파스토레스
과테말라 · 미디엄 · 200g
다크초콜릿과 은은한 향신료
16,500원/ 200g
4.5 (132)
KE
신상품
키암부 AA
케냐 · 미디엄 · 200g
자두와 토마토, 묵직한 단맛
19,000원/ 200g
4.7 (98)
MD
만델링 G1
인도네시아 · 다크 · 200g
삼나무와 흑설탕, 낮은 산미
14,500원/ 200g
4.3 (76)
HB
베스트
하우스 블렌드
블렌드 · 미디엄 다크 · 500g
우유와 잘 어울리는 기본 블렌드
23,000원/ 500g
4.9 (503)
DC
디카페인 콜롬비아
콜롬비아 · 미디엄 · 200g
늦은 저녁에도 부담 없는 한 잔
17,000원/ 200g
4.4 (88)
DB
재고 임박
드립백 12개입
블렌드 · 미디엄 · 12개 · 120g
사무실과 여행용으로 담는 구성
16,000원/ 12개 · 120g
4.6 (341)
DEMO · 커머스 · 스타일
Neumorphism 규칙으로 지은 화면
LUMA 원두 스토어의 쇼핑 한 페이지를 39가지 디자인 스타일로 각각 다시 지었습니다. 상품과 장바구니는 그대로, 규칙만 갈아끼운 화면입니다.
이 화면이 지키는 규칙
소프트 UI라고도 불리며, 요소가 배경에서 부드럽게 돌출된 듯한 효과를 만듭니다. 커피 구독 브랜드 LUMA의 랜딩 한 페이지를, Neumorphism 규칙만 갈아끼워 다시 지은 화면입니다. 이 스타일이 붙들고 있는 축은 세 가지 — 부드러움 · 통일성 · 미니멀리즘. 그래서 다른 걸 다 포기하더라도 화면에 끝까지 남는 것은 이중 box-shadow (밝은 방향 + 어두운 방향 동시에) / 배경과 거의 동일한 색상의 surface 쪽입니다. 무드로 읽으면 미니멀 · 따뜻한 계열, 여백이 넓은 · 따뜻한 · 시대색이 옅은 · 중립적인 자리에 놓입니다. 실제로는 대시보드 카드 · 앱 아이콘 · 설정 UI 같은 화면에서 자주 만납니다.
색이 하는 일
배경색과 거의 동일한 단색 기반. 명도만 미세하게 조절해서 입체감을 만드는 모노크로매틱 시스템. 색의 역할은 이렇게 나뉩니다 — background → 시스템 전체 기준색 — 중간 명도의 단색 (너무 밝거나 어둡지 않게) / surface → background와 동일하거나 ±5% 명도 차이 이내 / shadow-light → background보다 밝은 그림자 (HSL 명도 +15~20). 대신 넘지 않는 선이 있습니다 — 배경과 surface 명도 차이 5% 이내 — 그 이상이면 뉴모피즘 아님 / 그라데이션·패턴·이미지 배경 사용 금지 — 단색만 허용. 이 페이지에 실제로 물려 있는 값은 강조색 #E0E5EC, 배경 #E0E5EC, 표면 #E0E5EC입니다. 대비 기준은 구조적으로 대비 낮음 — 텍스트만큼은 WCAG AA 4.5:1 필수 확보. 색상 외 형태·크기로 상태 구분 병행.
글자와 리듬
둥글고 부드러운 기하학 산세리프. 뉴모피즘의 소프트한 입체감과 조화. 글꼴은 최대 1종까지 씁니다. 타입 스케일은 1.2~1.25 (Minor Third ~ Major Third) — 과도한 크기 차이는 소프트한 느낌을 해침. 날카로운 느낌의 condensed 폰트 사용 금지 / font-weight 300~500 권장 — 너무 굵으면 soft UI 느낌 파괴 — 히어로와 본문 사이의 거리가 여기서 정해집니다. 이 화면에 물린 값은 Poppins 계열, 제목 600 · 본문 400 두께, 자간 0.01em입니다. 섹션 사이 여백은 넉넉한 쪽으로 잡혀 있습니다.
손끝에서 갈리는 차이
Neumorphism에서 하지 않는 것은 분명합니다 — flat shadow 또는 drop-shadow 사용 금지 — 반드시 양방향 이중 그림자(box-shadow 2개) / 어두운 배경 사용 금지 (라이트 모드 기준) — 소프트 임베싱 효과가 사라짐 / 여러 색상 혼합 금지 — 단색 배경 기반 유지. 버튼은 알약처럼 완전히 둥근 모양에 눌려 들어가는 호버, 카드는 배경에서 밀려 나온 표면에 눌려 들어가는 반응으로 물려 있습니다. 전환은 300ms ease 한 박자로 통일했습니다. 버튼 클릭 시 외부 그림자→내부 그림자(inset) 전환으로 눌리는 느낌 표현. transition 100~150ms linear. 과도한 애니메이션 금지. 포트폴리오·쇼케이스 · 앱 아이콘 디자인 · 인터랙티브 데모 같은 프로젝트라면 이 조합이 가장 오래 버팁니다.