이번 주 로스팅과 발송 일정을 한 화면에서 봅니다.
최근 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가지 디자인 스타일로 각각 다시 지었습니다. 지표와 데이터는 그대로, 규칙만 갈아끼운 화면입니다.
마이크로소프트의 디자인 언어로, 빛, 깊이, 모션, 재료, 스케일의 5가지 요소를 강조합니다. 커피 구독 브랜드 LUMA의 랜딩 한 페이지를, Fluent Design System 규칙만 갈아끼워 다시 지은 화면입니다. 이 스타일이 붙들고 있는 축은 다섯 가지 — 빛 (Light) · 깊이 (Depth) · 모션 (Motion) · 재료 (Material) · 스케일 (Scale). 그래서 다른 걸 다 포기하더라도 화면에 끝까지 남는 것은 Reveal Highlight — 마우스 근접 시 테두리/배경 빛나는 효과 / Connected Animation — 화면 전환 시 공유 요소 연결 모션 쪽입니다. 무드로 읽으면 테크·미래적 · 신뢰감 계열, 밀도가 중간인 · 차가운 · 미래를 보는 · 격식 있는 자리에 놓입니다. 실제로는 Windows 11 앱 · Microsoft 365 제품군 · 기업용 SaaS 대시보드 같은 화면에서 자주 만납니다.
브랜드 파란색(Fluent Blue) 기반 2-tone 시스템. 밝은 Acrylic 레이어가 색조를 보조. 색의 역할은 이렇게 나뉩니다 — primary → 링크, 강조 버튼, 포커스 인디케이터 / background → 흰색(라이트) 또는 짙은 회색(다크) — Acrylic 효과의 기반 / surface → 반투명 Acrylic 레이어 — background를 흐리게 비춤. 대신 넘지 않는 선이 있습니다 — Acrylic 사용 시 배경이 없으면 fallback solid color 반드시 준비 / primary 계열 외 vivid color 추가 사용 자제. 이 페이지에 실제로 물려 있는 값은 강조색 #0078D4, 배경 #F3F3F3, 표면 반투명 레이어입니다. 대비 기준은 WCAG AA (4.5:1) 기본. Windows 고대비 테마 호환성 고려.
휴머니스트 산세리프. Windows 환경에서는 Segoe UI 계열이 표준이나 비Windows 환경에서는 동급 폰트 대체 가능. 글꼴은 최대 1종까지 씁니다. 타입 스케일은 1.2 (Minor Third) — Windows UI의 절제된 타이포 리듬. Segoe UI 또는 Segoe UI Variable 대체 시 동일한 x-height 비율 유지 / heading과 body의 weight 차이는 100~200 수준으로 온화하게 — 히어로와 본문 사이의 거리가 여기서 정해집니다. 이 화면에 물린 값은 Segoe UI 계열, 제목 600 · 본문 400 두께, 자간 0em입니다. 섹션 사이 여백은 표준적인 쪽으로 잡혀 있습니다.
Fluent Design System에서 하지 않는 것은 분명합니다 — Acrylic 없이 단순 투명도만으로 glass 흉내 금지 / hard shadow 사용 금지 — 부드러운 그림자 또는 없음 / 컬러풀한 배경 사용 자제 — 중립적 흰색/회색 기반. 버튼은 모서리를 살짝 굴린 모양에 살짝 떠오르는 호버, 카드는 바닥에서 떠 있는 표면에 살짝 떠오르는 반응으로 물려 있습니다. 배경에는 유리 블러 처리가 겹쳐 있습니다. 전환은 200ms cubic-bezier(0.1, 0.9, 0.2, 1) 한 박자로 통일했습니다. Connected Animation으로 화면 간 맥락 유지. 표준 이징 cubic-bezier(0,0,0,1) 사용. 빠르고 목적 있는 모션 — 장식용 애니메이션 배제. Windows 데스크톱 앱 · Microsoft 생태계 제품 · 기업용 SaaS 같은 프로젝트라면 이 조합이 가장 오래 버팁니다.