이번 주 로스팅과 발송 일정을 한 화면에서 봅니다.
최근 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의 랜딩 한 페이지를, Human Interface Guidelines (HIG) 규칙만 갈아끼워 다시 지은 화면입니다. 이 스타일이 붙들고 있는 축은 세 가지 — 명료성 (Clarity) · 존중 (Deference) · 깊이 (Depth). 그래서 다른 걸 다 포기하더라도 화면에 끝까지 남는 것은 Safe Area 완전 지원 (notch, Dynamic Island, home indicator) / Dynamic Type 지원 — 모든 텍스트가 접근성 글꼴 크기에 대응 쪽입니다. 무드로 읽으면 미니멀 · 신뢰감 계열, 여백이 넓은 · 중성적인 · 시대색이 옅은 · 격식 있는 자리에 놓입니다. 실제로는 iOS / iPadOS 앱 · macOS 앱 · watchOS / tvOS 앱 같은 화면에서 자주 만납니다.
시스템 tint color 기반. 사용자의 iOS/macOS accent color를 따르는 적응형 시스템. 색의 역할은 이렇게 나뉩니다 — tint → 링크, 버튼, 강조 — 시스템 accent color 사용 (사용자 변경 가능) / background → 순수 흰색(라이트) 또는 시스템 검정(다크) — OS가 결정 / grouped-background → 섹션 구분용 약한 회색 배경. 대신 넘지 않는 선이 있습니다 — 임의 HEX 색 직접 지정 지양 — 시스템 semantic color 사용 권장 (UIColor.systemBlue 등) / 단일 tint color만 사용 — 색상 혼잡 배제. 이 페이지에 실제로 물려 있는 값은 강조색 #007AFF, 배경 #FFFFFF, 표면 #F2F2F7입니다. 대비 기준은 WCAG AA 이상. Dynamic Type과 함께 고령·저시력 사용자 지원 필수.
시스템 폰트(-apple-system, SF Pro) 최우선. 직접 고른 폰트는 SF와 유사한 휴머니스트 산세리프. 글꼴은 최대 1종까지 씁니다. 타입 스케일은 Dynamic Type Scale — 고정 비율 없음, 사용자 접근성 설정에 따라 자동 조정. SF Pro 미사용 시 Dynamic Type 크기 단계 반드시 준수 (largeTitle/title1~3/body/callout/subhead/footnote/caption) / 커스텀 폰트 사용 시 scaledFont로 Dynamic Type 지원 필수 — 히어로와 본문 사이의 거리가 여기서 정해집니다. 이 화면에 물린 값은 -apple-system 계열, 제목 700 · 본문 400 두께, 자간 -0.01em입니다. 섹션 사이 여백은 표준적인 쪽으로 잡혀 있습니다.
Human Interface Guidelines (HIG)에서 하지 않는 것은 분명합니다 — 시스템 컨트롤 외관 임의 변형 금지 (UIButton 등 native control 유지 권장) / 하단 safe area 침범 금지 / gesture 충돌 — 시스템 swipe-back 등 native gesture와 겹치는 커스텀 제스처 금지. 버튼은 알약처럼 완전히 둥근 모양에 어두워지는 호버, 카드는 바닥에서 떠 있는 표면에 살짝 떠오르는 반응으로 물려 있습니다. 배경에는 유리 블러 처리가 겹쳐 있습니다. 전환은 350ms cubic-bezier(0.25, 0.1, 0.25, 1) 한 박자로 통일했습니다. spring 기반 물리 애니메이션 (UISpringTimingParameters). 화면 전환은 iOS 표준 push/modal 사용. 커스텀 전환은 시스템 제스처와 연동. iOS 앱 · macOS 앱 · Apple 생태계 서비스 같은 프로젝트라면 이 조합이 가장 오래 버팁니다.