이번 주 로스팅과 발송 일정을 한 화면에서 봅니다.
최근 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의 랜딩 한 페이지를, Dark Mode Design 규칙만 갈아끼워 다시 지은 화면입니다. 이 스타일이 붙들고 있는 축은 세 가지 — 가독성 · 편안함 · 효율성. 그래서 다른 걸 다 포기하더라도 화면에 끝까지 남는 것은 elevation은 밝기로 표현 — 위에 있을수록 약간 더 밝은 surface / focus indicator — 키보드 포커스 가시성 어두운 배경에서 더 중요 쪽입니다. 무드로 읽으면 다크 · 럭셔리 계열, 밀도가 중간인 · 차가운 · 시대색이 옅은 · 중립적인 자리에 놓입니다. 실제로는 개발자 도구·IDE · 미디어 스트리밍 앱 · 소셜 미디어 같은 화면에서 자주 만납니다.
어두운 배경 기반 역전 시스템. 밝은 모드와 동일한 역할 구조를 어두운 팔레트로 매핑. 색의 역할은 이렇게 나뉩니다 — background → 순수 검정보다 약간 밝은 어두운 회색 (#121212~#1E1E1E) — 순수 검정은 너무 강함 / surface → background보다 약간 밝게 (#1E1E1E~#2C2C2C) — 카드·시트 구분 / primary → 라이트 모드보다 밝은 버전 — 어두운 배경에서 가시성 확보. 대신 넘지 않는 선이 있습니다 — 순수 검정(#000) 배경 사용 지양 — 눈 피로 증가 / 순수 흰색(#fff) 텍스트 사용 지양 — #E0E0E0 수준으로. 이 페이지에 실제로 물려 있는 값은 강조색 #BB86FC, 배경 #121212, 표면 #1E1E1E입니다. 대비 기준은 WCAG AA (4.5:1) — 어두운 배경 위 텍스트 대비 신중히 확인.
라이트 모드와 동일 폰트 사용 가능. 단 어두운 배경에서 가독성 확인 필수. 글꼴은 최대 2종까지 씁니다. 타입 스케일은 1.25 이상 — 계층이 명확해야 어두운 배경에서 정보 파악 용이. font-weight 300(thin) 어두운 배경에서 가독성 저하 — 400 이상 권장 / letter-spacing 약간 넓게 — 어두운 배경에서 글자 번짐 보완 — 히어로와 본문 사이의 거리가 여기서 정해집니다. 이 화면에 물린 값은 SF Pro Display 계열, 제목 600 · 본문 400 두께, 자간 0.01em입니다. 섹션 사이 여백은 표준적인 쪽으로 잡혀 있습니다.
Dark Mode Design에서 하지 않는 것은 분명합니다 — 순수 검정 배경 사용 금지 / 채도 낮은 텍스트 색 사용 금지 — 어두운 배경 위 회색 텍스트 4.5:1 미달 주의 / 라이트 모드 그림자 그대로 사용 금지 — 어두운 배경에서 그림자는 역방향(glow) 고려. 버튼은 모서리를 살짝 굴린 모양에 빛이 번지는 호버, 카드는 바닥에서 떠 있는 표면에 빛이 번지는 반응으로 물려 있습니다. 배경에는 그라데이션 텍스트 처리가 겹쳐 있습니다. 전환은 300ms ease 한 박자로 통일했습니다. 라이트 모드와 동일. 모드 전환 자체는 300ms color transition. 개발자 도구 · 미디어 앱 · 소셜 미디어 같은 프로젝트라면 이 조합이 가장 오래 버팁니다.