← 피팅룸

원두 스토어

이번 주 로스팅 일정에 올라간 원두만 보여드립니다.

정렬

이번 주 원두

목요일 로스팅분으로 준비합니다.

전체 8종

YG

예가체페 코체레

에티오피아 · 라이트 · 200g

자몽과 홍차, 산뜻한 끝맛

18,000원/ 200g

평점4.8 (214)

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 · 커머스 · 스타일

Pixel Art 규칙으로 지은 화면

LUMA 원두 스토어의 쇼핑 한 페이지를 39가지 디자인 스타일로 각각 다시 지었습니다. 상품과 장바구니는 그대로, 규칙만 갈아끼운 화면입니다.

이 화면이 지키는 규칙

레트로 게임에서 영감을 받은 픽셀 단위의 그래픽 스타일로, 향수와 창의성을 자극합니다. 커피 구독 브랜드 LUMA의 랜딩 한 페이지를, Pixel Art 규칙만 갈아끼워 다시 지은 화면입니다. 이 스타일이 붙들고 있는 축은 세 가지 — 제약 속의 창의성 · 향수 · 단순함의 매력. 그래서 다른 걸 다 포기하더라도 화면에 끝까지 남는 것은 픽셀 그리드 정렬 (모든 요소가 픽셀 단위 정렬) / 비트맵 스타일 아이콘·일러스트 쪽입니다. 무드로 읽으면 레트로 · 친근·발랄 계열, 밀도가 중간인 · 중성적인 · 과거를 참조하는 · 자유분방한 자리에 놓입니다. 실제로는 인디 게임 UI · 레트로 감성 앱 · 브랜드 마스코트 같은 화면에서 자주 만납니다.

색이 하는 일

제한된 팔레트 (8~32색). 8비트·16비트 게임의 색 제약을 재현. 색의 역할은 이렇게 나뉩니다 — primary → 주인공·주요 오브젝트 색 / secondary → 배경·보조 오브젝트 / shadow → 픽셀 그림자 (1~2픽셀 어두운 색). 대신 넘지 않는 선이 있습니다 — 색상 수 최대 32색 — 제약이 미학 / 각 색은 명확히 구분되는 고유 역할 필요. 이 페이지에 실제로 물려 있는 값은 강조색 #FF006E, 배경 #1A1A2E, 표면 #16213E입니다. 대비 기준은 픽셀 단위 대비 — 각 픽셀이 배경과 구분되어야 함.

글자와 리듬

픽셀 폰트 (비트맵 폰트) 또는 픽셀 느낌의 모노스페이스. 글꼴은 최대 1종까지 씁니다. 타입 스케일은 정수 배수 (×1, ×2, ×3) — 픽셀 그리드 기반. 안티앨리어싱 폰트 사용 금지 — 픽셀 경계 선명하게 / 폰트 크기는 픽셀 그리드 배수로 (8px, 16px, 24px) — 히어로와 본문 사이의 거리가 여기서 정해집니다. 이 화면에 물린 값은 Press Start 2P 계열, 제목 400 · 본문 400 두께, 자간 0.1em입니다. 섹션 사이 여백은 촘촘한 쪽으로 잡혀 있습니다.

손끝에서 갈리는 차이

Pixel Art에서 하지 않는 것은 분명합니다 — 안티앨리어싱 사용 금지 — 모든 엣지 픽셀 경계 선명하게 / 부드러운 그림자 금지 — 픽셀 단위 hard shadow만 / 고해상도 사진 사용 금지. 버튼은 두꺼운 선으로 각을 세운 모양에 옆으로 밀리며 그림자를 남기는 호버, 카드는 두꺼운 테두리를 두른 표면에 테두리에 색이 도는 반응으로 물려 있습니다. 버튼 글자는 전부 대문자로 눕습니다. 배경에는 노이즈 처리가 겹쳐 있습니다. 전환은 0ms steps(1) 한 박자로 통일했습니다. frames per second 제한 (8fps, 12fps). steps() timing function 사용 — ease 금지. sprite 기반 애니메이션. 인디 게임 UI · 레트로 감성 앱 · NFT 아트워크 같은 프로젝트라면 이 조합이 가장 오래 버팁니다.