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 · 커머스 · 레퍼런스
LINE Design System (LDS) 규칙으로 지은 화면
LUMA 원두 스토어의 쇼핑 한 페이지를 39가지 디자인 스타일로 각각 다시 지었습니다. 상품과 장바구니는 그대로, 규칙만 갈아끼운 화면입니다.
이 화면이 지키는 규칙
LINE 메신저 및 패밀리 서비스를 위한 디자인 시스템으로, 10억+ 사용자 규모의 글로벌 메시징 플랫폼에 최적화된 일관된 UX를 제공합니다. LINE Green 시그니처 컬러, 다국어 타이포그래피, 멀티 플랫폼 컴포넌트를 갖추고 있습니다. 커피 구독 브랜드 LUMA의 랜딩 한 페이지를, LINE Design System (LDS) 규칙만 갈아끼워 다시 지은 화면입니다. 이 스타일이 붙들고 있는 축은 세 가지 — Closing the Distance — 사람과 사람, 정보, 서비스 사이의 거리를 줄이는 디자인 · Clarity — 10억 사용자가 즉시 이해할 수 있는 직관적 UI · Delight — 스티커와 이모지로 감정을 풍부하게 표현. 그래서 다른 걸 다 포기하더라도 화면에 끝까지 남는 것은 LINE Green을 핵심 CTA에 일관되게 사용 / 채팅 UI의 발신/수신 버블 구분 쪽입니다. 무드로 읽으면 친근·발랄 · 신뢰감 계열, 밀도가 중간인 · 따뜻한 · 시대색이 옅은 · 격식 있는 자리에 놓입니다. 실제로는 메시징 / 커뮤니케이션 앱 · LINE MINI App (슈퍼앱 미니 서비스) · 핀테크 (LINE Pay, LINE Bank) 같은 화면에서 자주 만납니다.
색이 하는 일
LINE Green(#06C755)을 중심으로 한 시맨틱 컬러 토큰 시스템으로, 메시징 UI에 최적화된 밝고 친근한 팔레트. 색의 역할은 이렇게 나뉩니다 — primary → LINE Green (#06C755) — 브랜드 및 핵심 CTA / background → White(#FFFFFF) / Light Gray(#F7F8FA) 배경 / text → #111111(본문), #666666(보조), #AAAAAA(비활성). 대신 넘지 않는 선이 있습니다 — LINE Green은 배경에 사용 금지 — CTA와 강조 요소에만 사용 / 채팅 버블 색상은 발신/수신 구분을 위해 고정. 이 페이지에 실제로 물려 있는 값은 강조색 #06C755, 배경 #F7F8FA, 표면 #FFFFFF입니다. 대비 기준은 WCAG 2.1 AA — LINE Green(#06C755)은 White 텍스트와 4.5:1 이상 대비 확보, 다크 모드에서도 동일 기준 적용.
글자와 리듬
LINE Seed Sans — LINE 자체 개발 다국어 산세리프 (한·영·일·태국어 지원). 글꼴은 최대 1종까지 씁니다. 타입 스케일은 1.2 (Minor Third). 메시징 UI 특성상 본문 14~16px 중심의 컴팩트한 스케일 / 채팅 버블 내 텍스트는 15px 고정 — 가독성과 밀도 균형 — 히어로와 본문 사이의 거리가 여기서 정해집니다. 이 화면에 물린 값은 Inter 계열, 제목 700 · 본문 400 두께, 자간 0em입니다. 섹션 사이 여백은 표준적인 쪽으로 잡혀 있습니다.
손끝에서 갈리는 차이
LINE Design System (LDS)에서 하지 않는 것은 분명합니다 — LINE Green을 배경색으로 광범위하게 사용 금지 — 눈의 피로 유발 / 채팅 버블 디자인 패턴을 임의로 변경 금지 / 스티커/이모지 영역의 그리드를 벗어나는 레이아웃 금지. 버튼은 모서리를 살짝 굴린 모양에 어두워지는 호버, 카드는 선으로만 그은 표면에 살짝 떠오르는 반응으로 물려 있습니다. 전환은 200ms ease-out 한 박자로 통일했습니다. ease-out 200ms 기본 — 메시지 전송/수신의 즉각적 피드백, 스티커 애니메이션은 300~500ms로 생동감 부여. 메시징 및 커뮤니케이션 중심 서비스 · 아시아 다국어 지원이 필요한 글로벌 앱 · LINE 생태계 내 MINI App 개발 같은 프로젝트라면 이 조합이 가장 오래 버팁니다.