사흘 이내 로스팅
주문이 모이면 그때 볶습니다. 미리 볶아 쌓아두지 않습니다.
COFFEE SUBSCRIPTION
로스팅한 지 사흘 안 된 원두만 담습니다. 취향을 고르면 매주 목요일에 도착합니다.
한 잔의 기준을 정해두고, 매주 그 기준대로 보냅니다.
주문이 모이면 그때 볶습니다. 미리 볶아 쌓아두지 않습니다.
다섯 가지 질문으로 산미와 바디를 맞춰 원두를 고릅니다.
에티오피아와 콜롬비아 농장에서 직접 계약해 들여옵니다.
그 주 배치의 커핑 노트와 로스팅 프로파일을 함께 보냅니다.
한 구독으로 두 가지 원두를 나눠 받을 수 있습니다.
여행이나 출장 주간은 구독 관리에서 한 번에 건너뜁니다.
원두 양과 주기만 고르면 됩니다. 약정 기간은 없습니다.
12,900원주 1회
22,900원주 1회
39,000원주 1회
첫 주는 취향 진단용 샘플 세 종으로 시작합니다.
DEMO · 브랜드 랜딩 · 레퍼런스
커피 구독 브랜드 LUMA의 랜딩 한 페이지를 39가지 디자인 스타일로 각각 다시 지었습니다. 콘텐츠는 그대로, 규칙만 갈아끼운 화면입니다.
대한민국 범정부 차원의 공공 웹 디자인 시스템으로, 접근성(KWCAG 2.2 AA 이상)을 최우선으로 한 표준화된 UI 컴포넌트, 8px 그리드, 고대비 컬러 시스템을 제공합니다. 모든 정부 웹사이트와 공공 서비스의 일관된 사용자 경험을 보장합니다. 커피 구독 브랜드 LUMA의 랜딩 한 페이지를, KRDS (대한민국 정부 디자인 시스템) 규칙만 갈아끼워 다시 지은 화면입니다. 이 스타일이 붙들고 있는 축은 세 가지 — Accessibility First — 모든 국민이 동등하게 접근 가능한 디자인 · Consistency — 범정부 웹사이트의 통일된 사용자 경험 · Transparency — 공공 정보를 명확하고 신뢰감 있게 전달. 그래서 다른 걸 다 포기하더라도 화면에 끝까지 남는 것은 모든 인터랙티브 요소에 키보드 접근 가능 / 명확한 포커스 인디케이터 (2px outline, #0050FF) 쪽입니다. 무드로 읽으면 신뢰감 · 미니멀 계열, 여백이 넓은 · 차가운 · 시대색이 옅은 · 격식 있는 자리에 놓입니다. 실제로는 범정부 행정 웹사이트 · 공공 서비스 포털 (정부24 등) · 지자체 / 공공기관 웹사이트 같은 화면에서 자주 만납니다.
고대비 시맨틱 컬러 토큰 시스템으로, 공공 서비스의 신뢰감과 접근성을 동시에 충족하는 블루 중심 팔레트. 색의 역할은 이렇게 나뉩니다 — primary → Government Blue (#0050FF) — 공식적이고 신뢰감 있는 핵심 색상 / background → White(#FFFFFF) / Light Gray(#F5F5F5) 배경 / text → #1A1A1A(본문), #666666(보조), #999999(비활성). 대신 넘지 않는 선이 있습니다 — 모든 텍스트-배경 조합에서 4.5:1 이상 명도 대비 필수 / 색상만으로 정보를 전달하지 않음 — 아이콘, 텍스트, 패턴을 병행. 이 페이지에 실제로 물려 있는 값은 강조색 #0050FF, 배경 #F5F5F5, 표면 #FFFFFF입니다. 대비 기준은 KWCAG 2.2 AA (4.5:1 본문, 3:1 대형 텍스트·UI 컴포넌트) — 고대비 모드에서 AAA(7:1) 충족.
Pretendard — 가독성과 공식적 톤을 겸비한 산세리프. 글꼴은 최대 1종까지 씁니다. 타입 스케일은 1.25 (Major Third). 본문 최소 16px — 고령자 가독성 보장 / 행간(line-height) 1.6 이상 — 긴 텍스트 읽기 편안함 — 히어로와 본문 사이의 거리가 여기서 정해집니다. 이 화면에 물린 값은 Inter 계열, 제목 700 · 본문 400 두께, 자간 0em입니다. 섹션 사이 여백은 표준적인 쪽으로 잡혀 있습니다.
KRDS (대한민국 정부 디자인 시스템)에서 하지 않는 것은 분명합니다 — 색상만으로 상태나 의미를 구분 금지 — 반드시 텍스트/아이콘 병행 / 포커스 인디케이터를 숨기거나 제거 금지 / 자동 재생 미디어 또는 시간 제한 콘텐츠 금지 (일시정지 제공 필수). 버튼은 모서리를 살짝 굴린 모양에 어두워지는 호버, 카드는 선으로만 그은 표면에 그림자가 깊어지는 반응으로 물려 있습니다. 전환은 200ms ease 한 박자로 통일했습니다. prefers-reduced-motion 미디어 쿼리 대응 필수 — 기본 200ms ease, 모션 감소 설정 시 애니메이션 비활성화. 정부·공공기관 웹사이트 구축 · 접근성이 법적 요구사항인 서비스 · 고령자·장애인 대상 디지털 서비스 같은 프로젝트라면 이 조합이 가장 오래 버팁니다.