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 · 커머스 · 스타일
Neobrutalism 규칙으로 지은 화면
LUMA 원두 스토어의 쇼핑 한 페이지를 39가지 디자인 스타일로 각각 다시 지었습니다. 상품과 장바구니는 그대로, 규칙만 갈아끼운 화면입니다.
이 화면이 지키는 규칙
브루탈리즘의 현대적 해석으로, 굵은 테두리와 대담한 색상을 사용합니다. 커피 구독 브랜드 LUMA의 랜딩 한 페이지를, Neobrutalism 규칙만 갈아끼워 다시 지은 화면입니다. 이 스타일이 붙들고 있는 축은 세 가지 — 대담함 · 명확성 · 개성. 그래서 다른 걸 다 포기하더라도 화면에 끝까지 남는 것은 두꺼운 검정 테두리 (2px 이상, 권장 2~4px) / hard offset box-shadow 쪽입니다. 무드로 읽으면 화려한 · 친근·발랄 계열, 빽빽한 · 중성적인 · 시대색이 옅은 · 자유분방한 자리에 놓입니다. 실제로는 테크 스타트업 랜딩 페이지 · 개인 포트폴리오 · 크리에이티브 SaaS 도구 같은 화면에서 자주 만납니다.
색이 하는 일
고채도 원색 또는 형광색 + 순수 검정/흰색의 고대비 시스템. 색감이 강하게 충돌해도 됨. 색의 역할은 이렇게 나뉩니다 — primary → 배경 블록, CTA 버튼 채우기 — 형광·원색 가능, 강렬할수록 좋음 / accent → 호버·포커스 상태, 보조 강조 — primary와 충돌하는 보색도 OK / background → 흰색 또는 밝은 단색 (주로 #fff 또는 #fafafa). 대신 넘지 않는 선이 있습니다 — 파스텔·그라데이션 금지 — 원색·형광색만 사용 / 투명도(opacity) 사용 금지 — 모든 색은 불투명. 이 페이지에 실제로 물려 있는 값은 강조색 #FDE047, 배경 #FFFFFF, 표면 #FFFFFF입니다. 대비 기준은 원색+검정 조합으로 자연적으로 높은 대비 확보. 별도 검증보다 색상 선택 원칙 준수가 중요.
글자와 리듬
기하학적 산세리프 또는 모노스페이스. 장식 없고 투박한 느낌. 시스템 폰트도 OK. 글꼴은 최대 1종까지 씁니다. 타입 스케일은 1.333 (Perfect Fourth) 이상 — 계층 대비 극대화. 세리프·스크립트·장식 폰트 사용 금지 / letter-spacing 넓히지 않음 — 기본값 또는 약간 좁게 — 히어로와 본문 사이의 거리가 여기서 정해집니다. 이 화면에 물린 값은 Space Grotesk 계열, 제목 800 · 본문 500 두께, 자간 0em입니다. 섹션 사이 여백은 표준적인 쪽으로 잡혀 있습니다.
손끝에서 갈리는 차이
Neobrutalism에서 하지 않는 것은 분명합니다 — 은은한 box-shadow 사용 금지 — hard offset shadow만 허용 (예: 4px 4px 0px #000) / border-radius 크게 사용 금지 — 0 또는 최대 4px / 그라데이션 배경·버튼 금지. 버튼은 두꺼운 선으로 각을 세운 모양에 옆으로 밀리며 그림자를 남기는 호버, 카드는 두꺼운 테두리를 두른 표면에 테두리에 색이 도는 반응으로 물려 있습니다. 버튼 글자는 전부 대문자로 눕습니다. 배경에는 노이즈 처리가 겹쳐 있습니다. 전환은 150ms ease-out 한 박자로 통일했습니다. 모션 최소화. 호버 시 오프셋 이동(transform: translate(2px, 2px)) + shadow 축소로 눌리는 느낌. 부드러운 ease-in-out 금지 — 즉각 반응(linear 또는 steps). 테크 스타트업 랜딩 · 개인 포트폴리오 · 인디 제품 같은 프로젝트라면 이 조합이 가장 오래 버팁니다.