이번 주 로스팅과 발송 일정을 한 화면에서 봅니다.
최근 12개월 발송 봉 수
이번 주 생두 소진량, 단위 kg
활성 구독의 플랜 비율
목요일 발송분 기준으로 정렬했습니다.
| 주문번호 | 고객 | 플랜 | 로스팅 | 금액 | 상태 |
|---|---|---|---|---|---|
| LM-2418 | 김서김서연 | Duo | 미디엄 | 22,900원 | 출고 완료 |
| LM-2417 | 정도정도현 | Solo | 라이트 | 12,900원 | 로스팅 중 |
| LM-2416 | 한유한유진 | House | 다크 | 39,000원 | 포장 대기 |
| LM-2415 | 오세오세훈 | Duo | 미디엄 | 22,900원 | 배송 중 |
| LM-2414 | 문지문지아 | Solo | 미디엄 | 12,900원 | 일시정지 |
| LM-2413 | 배승배승우 | Duo | 라이트 | 22,900원 | 출고 완료 |
| LM-2412 | 신가신가온 | House | 미디엄 | 39,000원 | 결제 대기 |
| LM-2411 | 류하류하람 | Solo | 다크 | 12,900원 | 출고 완료 |
이번 주 배치를 맡은 인원입니다.
운영 알림을 어디까지 받을지 정합니다.
남은 생두가 20kg 아래로 내려가면 알립니다.
매일 아침 여덟 시에 그날 배치 목록을 보냅니다.
두 주 연속 배송을 건너뛴 구독자를 표시합니다.
DEMO · SAAS 대시보드 · 스타일
LUMA 운영팀이 쓰는 구독 관리 대시보드 한 화면을 39가지 디자인 스타일로 각각 다시 지었습니다. 지표와 데이터는 그대로, 규칙만 갈아끼운 화면입니다.
반투명한 유리 효과를 활용한 모던하고 세련된 디자인 스타일입니다. 커피 구독 브랜드 LUMA의 랜딩 한 페이지를, Glassmorphism 규칙만 갈아끼워 다시 지은 화면입니다. 이 스타일이 붙들고 있는 축은 세 가지 — 투명성 · 깊이감 · 우아함. 그래서 다른 걸 다 포기하더라도 화면에 끝까지 남는 것은 backdrop-filter: blur() — 없으면 glassmorphism 아님 / 반투명 테두리 (glass-border) 쪽입니다. 무드로 읽으면 테크·미래적 · 럭셔리 계열, 밀도가 중간인 · 차가운 · 미래를 보는 · 중립적인 자리에 놓입니다. 실제로는 모던 랜딩 페이지 · 대시보드 카드 · 모달·팝업 UI 같은 화면에서 자주 만납니다.
배경 이미지·그라데이션의 색이 glass 레이어를 통해 배어나오는 간접 컬러 시스템. 색의 역할은 이렇게 나뉩니다 — background → 색감의 핵심 — 그라데이션·이미지·비비드 색상 배경이 전체 색조를 결정 / glass-surface → 흰색 또는 원하는 색의 반투명 (rgba, 투명도 10~30% 권장) / glass-border → 반투명 흰색 테두리 (rgba(255,255,255,0.3~0.5)). 대신 넘지 않는 선이 있습니다 — 배경 없이 glass만 단독 사용 금지 — 반드시 blur 처리될 배경 레이어 필요 / glass-surface 투명도는 10~30% 범위 권장 — 그 이상이면 glass 아님, 그 이하면 투명도 없음. 이 페이지에 실제로 물려 있는 값은 강조색 #FFFFFF, 배경 그라데이션, 표면 반투명 레이어입니다. 대비 기준은 반투명 배경 특성상 WCAG 자동 보장 어려움 — 텍스트에 text-shadow 또는 semi-opaque 배경 추가로 4.5:1 수동 확보.
가볍고 세련된 산세리프. 유리 효과의 우아함과 어울리는 얇은~중간 weight. 글꼴은 최대 2종까지 씁니다. 타입 스케일은 1.25 (Major Third) — 지나친 크기 차이는 glass의 가벼운 미감을 해침. 두꺼운 bold 폰트 지양 — 유리의 가벼운 느낌과 충돌 / 흰색 텍스트 사용 시 font-weight 300~400 권장 (얇을수록 glass 느낌 강화) — 히어로와 본문 사이의 거리가 여기서 정해집니다. 이 화면에 물린 값은 Inter 계열, 제목 600 · 본문 400 두께, 자간 0.02em입니다. 섹션 사이 여백은 넉넉한 쪽으로 잡혀 있습니다.
Glassmorphism에서 하지 않는 것은 분명합니다 — 불투명 solid 배경 카드를 glass와 혼용 금지 — 스타일 일관성 파괴 / 단색 배경 위 glass 사용 금지 — blur 처리할 텍스처나 그라데이션 배경 필수 / drop-shadow 강하게 사용 금지 — 미묘한 그림자만 허용 (0 8px 32px rgba(0,0,0,0.1) 수준). 버튼은 알약처럼 완전히 둥근 모양에 빛이 번지는 호버, 카드는 반투명 유리 표면에 빛이 번지는 반응으로 물려 있습니다. 배경에는 유리 블러 · 그라데이션 텍스트 · 움직이는 배경 처리가 겹쳐 있습니다. 전환은 400ms ease-in-out 한 박자로 통일했습니다. 부드러운 ease-in-out, 300~500ms. glass 레이어 등장 시 opacity 0→1 + blur 증가 페이드인. 과도한 모션은 유리의 고요함을 해침. 프리미엄 랜딩 페이지 · SaaS 대시보드 · 모달·오버레이 UI 같은 프로젝트라면 이 조합이 가장 오래 버팁니다.