이런 화면으로 일하게 됩니다

1 화면 열기 실무 앱 시안 A · 결정판 Grand Unified — 종합 결정판 지금까지의 강점을 모은 최종안. 네이비+골드 세리프 인사 밴드 위로 KPI 히어로가 겹치고, 차트·이슈·채권·자금·일정·운영을 정제된 위계로. 문장형 인사 + 미니멀 절제 + PB 격식 + 벤토 위계를 하나로. 실전 유력 종합안 · "보고받는+대접받는"을 균형 있게 2 화면 열기 실무 앱 시안 B Premium Minimal — 모노크롬 미니멀 화이트 + 네이비 단일 포인트, 얇은 보더와 넉넉한 여백. Apple/토스/Linear 계열의 절제된 SaaS 문법. 기존 ERP 화면과의 이질감이 가장 적음. "세련되고 깔끔한"에 가장 직접적 · 실서비스 적용 비용 최소 3 화면 열기 실무 앱 시안 C Bento Grid — 카드 위계형 카드의 크기 자체가 중요도를 말하는 Apple bento 문법. 매출 히어로 카드가 화면을 지배하고 나머지는 작게. 친숙하면서 현대적. "한눈에 들어오는" 위계 최강 · 기존 카드 체계에서 전환 용이 4 화면 열기 실무 앱 시안 D Fintech Modern — 그라디언트 & 글래스 바이올렛 그라디언트 히어로 + 반투명 글래스 카드. 토스/Revolut 계열의 최신 핀테크 문법. 가장 "젊고 트렌디"함. 세련됨을 '최신 앱' 방향으로 해석한 안 · 격식보다는 감각 5 화면 열기 실무 앱 시안 E App Shell — 사이드바 앱형 좌측 세로 네비게이션 + 상단바 + 본문의 전형적인 업무용 앱 구조. 대시보드가 독립 화면이 아니라 ERP 앱 안에 통합된 형태. 메뉴 접근성이 좋음. 실사용·확장성 최강 · 기존 AuthenticatedLayout과 구조가 가장 비슷 6 화면 열기 실무 앱 시안 F Split Screen — 좌 고정 요약 좌측 네이비 패널에 핵심 요약(매출 히어로+미니 지표)을 고정하고, 우측만 스크롤. 스크롤해도 핵심이 늘 보이는 대시보드 구조. 핵심이 항상 시야에 · 실사용 편의 우수 7 화면 열기 실무 앱 시안 G Hometax Portal — 홈택스 스타일 (장년층 친화) 국세청 홈택스 홈 화면을 참고한 포털형. 큰 파란 로고+검색바, 큼직한 원형 아이콘 퀵메뉴(라벨·수치 큰 글씨), 파란 히어로 배너, 우측 "오늘의 결정" 박스, 하단 유틸 아이콘. 고대비·큰 글씨·큰 버튼으로 장년층에게 친숙. 장년층 친화·익숙함 최강 · 큰 아이콘/큰 글씨/고대비 8 화면 열기 실무 앱 시안 H · 신규 요약↔세부 슬라이드 — 한 화면 비교 "이번 달 한눈에" 요약이 가운데 떠 있다가, 지표를 누르면 요약이 스르륵 왼쪽으로 가고 오른쪽에 세부가 열려 요약과 세부를 한 화면에서 나란히 비교. 모달·페이지 이동 없이, 닫으면 다시 가운데로. (키노트 스타일 유지) 요약+세부 동시 비교 · 모달 없는 매끄러운 인터랙션 9 화면 열기 실무 앱 시안 I · 신규 큰 박스 요약 ↔ 세부 (H 고도화) H안을 고도화 — 요약을 키노트 슬라이드 같은 큼지막한 박스 4개(핵심 지표·매출 추이·오늘의 결정·일정/자금)로 분리. 박스나 지표를 누르면 요약은 왼쪽에 남고 오른쪽에 세부가 열려 나란히 비교. 시원한 배치 + 모든 요소가 상세 진입점. 큰 박스 구성 + 요약↔세부 동시 · 시원시원 + 고도화 10 화면 열기 실무 앱 시안 J · 신규 집중 리더 — 한 번에 한 섹션 여러 지표를 한꺼번에 늘어놓지 않고, 한 화면에 하나의 주제(요약+세부)만 중앙에 크게. 아래로 스크롤하면 다음 주제가 올라오고 이후 내용은 흐리게 가려 집중. 스크롤 스냅 + 진행 점. 최대한 단순하게. 한 번에 한 주제 집중 · 스크롤 스냅 · 가장 단순 11 화면 열기 실무 앱 시안 K · 신규 한 장 종합 대시보드 — 밀도형 지표가 한 장에 다 보이는 순수 밀도형 대시보드. KPI·추이·지출·목표·결정·채권·자금·일정·현장·AI 계기판을 스크롤 없이 한 화면에 조밀하되 깔끔하게. 매일 아침 3초 파악 — 실무 대시보드로 바로 쓰기 좋음. "한 장에 전부" 밀도 극대화 · 빠짐없이 한눈에 12 화면 열기 실무 앱 시안 L · 신규 큰 타일 홈 — 시니어 탭 홈 (모바일 최적) 큰 인사 헤더 + 큼직한 타일 6개(매출·수주·미수·지출·결정·일정). 타일을 누르면 세부가 모달로 떠서 큰 글씨로 확인. 큰 버튼·고대비로 시니어 친화, 모바일에서 가장 자연스러움. 시니어+모바일 최적 · 탭하면 세부 모달 · 큰 버튼 13 화면 열기 실무 앱 시안 M · 신규 커스터마이즈 위젯 보드 — 크기·순서 변경 대표님이 직접 꾸미는 대시보드. 카드 제목을 드래그해 순서 변경, 우하단 구석을 끌어 크기 조절(그리드 스냅·최소/최대 제한). 설정은 저장됩니다. 모바일은 크기 통일 + 순서 변경만. 내 손으로 배치·크기 조절 · 설정 저장 · 위젯 대시보드 14 화면 열기 실무 앱 시안 N · 신규 노션 스타일 보드 — 상태별 칸반 노션 데이터베이스 보드 뷰를 참고. 이모지 제목 + 뷰 탭 + 상태별 컬럼(오늘 처리·진행 중·예정·완료)에 카드로 경영 사항을 정리. 담당 아바타·우선순위 태그·날짜·금액·댓글수까지. 익숙하고 깔끔한 노션 감성(라이트). 노션 칸반 감성 · 상태로 관리 · 익숙·깔끔 15 화면 열기 실무 앱 시안 O · 신규 벤토 그리드 + 3D 차트 (Three.js) 실무 앱 시안 C(Bento Grid)의 매출 히어로 카드를 Three.js 3D 막대 차트로 교체. 어두운 히어로 카드 안에서 3D 막대가 살짝 흔들리며(드래그로 회전) 6개월 추이를 입체로. 나머지 벤토 구성은 그대로 — 깔끔함 + 3D 포인트. 벤토 위계 + 3D 히어로 · 한 카드만 입체 · Three.js 16 화면 열기 실무 앱 시안 P · 신규 심플 + 마이크로 인터랙션 여백을 넉넉히 둔 미니멀 레이아웃에 절제된 인터랙션만 얹은 안. 기간(오늘·이번 주·이번 달) 세그먼트를 누르면 pill이 미끄러지며 숫자가 부드럽게 카운트업되고 목표 링이 다시 채워집니다. KPI 카드는 hover 시 스파크라인이 살짝 열리고, 오늘의 결정은 눌러서 펼치는 아코디언. 과하지 않게, 딱 필요한 곳에만. 미니멀 + 절제된 모션 · 카운트업/슬라이드 pill/아코디언 · 데스크톱·모바일 17 화면 열기 실무 앱 시안 Q · 신규 브리핑 → 대시보드 통합 플로우 첫 방문 시 스크롤 브리핑(카운트업·막대 성장)으로 간편하게 상황을 받고, "브리핑 받기" 버튼으로 언제든 다시 열 수 있는 안. 착지 화면은 자유 배치 대시보드 — 보기 모드에선 패널을 누르면 우측에 요약↔상세를 나란히 비교하는 드로어가 열리고, 편집 모드에선 드래그로 재배치·모서리로 크기 조절(저장). 각 패널엔 카운트업·링 채움 등 마이크로인터랙션이 들어갑니다. 시안 P(심플+인터랙션)의 감각을 대시보드 전체로 확장한 종합안. 브리핑+대시보드 결합 · 요약↔상세 드로어 · 보기/편집 모드 · 자유 배치 18 화면 열기 실무 앱 시안 R · 신규 대형 디스플레이 — 경영 상황판(키오스크) 앉아서 보는 화면이 아니라 사무실·공장 벽에 걸어두는 상시 화면. 아주 큰 글씨·고대비로, 경영 현황 → 오늘의 결정 → 현장 상태 씬이 자동으로 순환합니다. 큰 시계와 진행 표시, 상태 색으로 멀리서도 읽힙니다. 제조·건설 현장 사무실에 실용적. 벽걸이 상황판 · 큰 글씨/고대비 · 씬 자동 순환 19 화면 열기 실무 앱 시안 S · 신규 결정 인박스 — 대표는 결정만 현황을 보여주는 대신 결정이 필요한 것만 이메일 인박스처럼 쌓은 안. 왼쪽 목록에서 고르면 오른쪽에 배경·수치·액션 버튼(승인/보류/위임)이 뜨고, 처리하면 인박스에서 사라지며 카운트가 줄어듭니다. 다 처리하면 "인박스 제로". 액션 중심의 완전히 다른 접근. 결정 큐 · 처리→비움(인박스 제로) · 분류 필터 · 액션 중심 20 화면 열기 실무 앱 시안 T · 신규 대화형 경영 비서 (챗) 대시보드를 읽는 대신 물어보면 답하는 채팅 인터페이스. "이번 달 매출 어때?" 같은 질문을 고르거나 입력하면 비서가 문장으로 답하고 관련 데이터 카드를 함께 보여줍니다. 답 아래엔 이어질 질문이 칩으로 제안돼 대화가 흘러갑니다. AI 산업 브리핑과 자연스럽게 이어지는 방향. 대화형 UI · 질문→답변+데이터카드 · 후속 질문 제안 21 화면 열기 문서·보고서 시안 A Executive Briefing — 보고서형 매일 아침 비서실이 올리는 경영 브리핑 문서 메타포. 세리프 타이포와 문장형 요약("대표님께 보고드립니다")으로 시작. 신문·연차보고서의 격식. "보고받는 느낌·대우받는 느낌"에 가장 직접적 22 화면 열기 문서·보고서 시안 B Swiss Report — 흑백 하이컨트라스트 흑백 + 레드 1색, 초대형 숫자(62px)와 넘버링된 결정 사항. 컨설팅펌 보고서/스위스 그래픽 계열. 장식 0, 정보 밀도와 타이포만으로 승부. 가장 단호하고 권위적인 인상 · 호불호는 갈릴 수 있음 23 화면 열기 문서·보고서 시안 C Letter 親展 — 손편지 서한 명조체 편지지에 親展 도장. "삼가 오늘의 경영 현황을 보고드립니다 … SAM 경영관리실 올림". 一二三 열거와 서명란까지. 가장 정중한 보고 형식. "보고받는 느낌" 극대화 · 비서실의 정중한 서면 보고 24 화면 열기 문서·보고서 시안 D Cover Sheet — 결재 표지 문서번호 + 담당/검토/대표이사 결재란(도장칸)이 있는 정식 사내 보고서. 안건에 번호와 금액, 개요 박스. 결재 올라온 공문 느낌. 공식 문서의 격식 · 결재받는 정통 보고서 25 화면 열기 문서·보고서 시안 E Ledger — 전통 회계 장부 세로 제책(經營帳)에 決濟 붉은 인장. 一二三 과목·적요·비망, 괘지 격자 표. 전통 상업장부의 무게와 신뢰. 명조체. 격식·신뢰의 전통미 · 결재받는 장부의 무게감 26 화면 열기 문서·보고서 시안 F · 신규 경영 종합 보고서 — 중장년 프리미엄 (AI 계기판 포함) 아이보리+네이비+골드 세리프의 격식 보고서. 큰 글씨·고대비로 중장년 가독성 최적화. "대표님, 경영 현황과 산업 동향을 함께 보고드립니다". "경영 계기판" AI 산업 브리핑(철강 시세·국내외 소식·출처 링크·면책) 섹션 포함. 보고받는 느낌 + 중장년 가독성 · AI 산업 동향 내장 27 화면 열기 문서·보고서 시안 G · 신규 조간 브리핑 — 한 화면 대형 보고 (시니어) 아이보리+네이비+골드의 아침 보고 카드. "대표님, 안녕하십니까. 오늘 아침 경영을 보고드립니다" 인사 + 큰 지표 4개 + "오늘 꼭 챙기실 것" + "SAM 경영관리실 올림". 한 화면 요약·큰 글씨·모바일 최적. 대접+보고 톤 집약. 시니어·한 화면·모바일·대접+보고 집약 · 스크롤 최소 28 화면 열기 편집·출판 시안 A Economic Paper — 경제신문 1면 FT(파이낸셜타임스) 살몬지 위에 헤드라인·기사·시황 스트립. "우리 회사의 오늘"이 경제지 1면 기사가 되는 메타포. 보고서형보다 한층 과감. 스토리텔링 최강 — 숫자가 아니라 "기사"로 보고받음 29 화면 열기 편집·출판 시안 B Editorial Magazine — 매거진형 큰 세리프 타이포 + 여백 넉넉한 비대칭 매거진 스프레드. 경제신문형이 빽빽하다면 이건 우아하고 여유로움. 76px 대형 매출 숫자와 리드 기사, 넘버링 의제. 가장 우아·고급 · "대우받는 느낌"을 여백과 타이포로 표현 30 화면 열기 편집·출판 시안 C Magazine Cover — 잡지 표지 & 목차 좌측 딥네이비 표지(커버스토리 + 76px 대형 매출), 우측 크림 목차(In This Issue). "THE EXECUTIVE" 월간지 창간호 감성. 표지 모델이 된 듯한 특별함 · 편집 디자인 31 화면 열기 편집·출판 시안 D Gallery — 미술관 큐레이션 "오늘의 경영 전시". 지표를 작품처럼 액자에 걸고 벽면 라벨(placard)을 붙인 미술관 도슨트 스타일. 넉넉한 여백과 세리프로 초미니멀·우아. 가장 여유롭고 격조 있음 · 큐레이션 받는 느낌 32 화면 열기 예우 시안 A Private Banking — 프라이빗뱅킹 명세 딥그린+골드의 자산관리 명세서. "귀하의 경영 현황을 정중히 보고드립니다". 그린 밴드 위로 명세 카드가 겹쳐 올라오는 PB 리포트. 격식과 신뢰의 무게. "대접받는 느낌" 최상급 · 자산관리 받는 듯한 예우 33 화면 열기 예우 시안 B Hotel Folio — 호텔 컨시어지 명세 "Good morning, 대표님". 특급호텔 체크아웃 폴리오 메타포. 세리프 헤더 + itemized 라인 + 감청 총계 밴드. 컨시어지가 아침에 명세를 준비해둔 느낌. 호스피탈리티의 "모셔지는" 경험 · 따뜻한 예우 34 화면 열기 예우 시안 C Warm Concierge — 웜 프리미엄 크림/브라운/골드의 따뜻한 라이트 톤. 문장형 브리핑 노트 + 중앙 정렬 인사. 호텔 컨시어지가 아침을 준비해둔 느낌. "대우받는 느낌"을 따뜻하게 표현한 안 · 격식과 편안함의 균형 35 화면 열기 예우 시안 D · 신규 비서실 브리핑 — 대형 카드 (AI 계기판 포함) 딥그린+골드의 대형 카드형. 매우 큰 숫자·라벨로 중장년 친화. "대표님, 안녕하십니까. 오늘 이렇게 보고드립니다" 정중한 인사. "경영 계기판" AI 산업 브리핑(철강 시세·소식·출처·면책) 대형 카드 포함. 대접받는 느낌 + 큰 글씨 가독성 · AI 산업 동향 내장 36 화면 열기 데이터·계기 시안 A Data Visual — 차트 중심 데이터비주얼 흰 배경에 라인차트·반원 게이지·도넛·수평바·스파크라인으로 숫자를 전부 시각화. BI 대시보드 계열. 추세와 비중을 눈으로 즉시 읽음. "데이터로 판단"하는 스타일 · 숫자 나열보다 패턴이 먼저 보임 37 화면 열기 데이터·계기 시안 B Infographic — 인포그래픽 포스터 컬러 타일 4대 지표 + 도넛 목표율 + 스택바 지출 + 아이콘 이슈. 숫자를 그래픽으로 시각화한 활기찬 인포그래픽. 한눈에 파악. 시각적 활력·직관성 · 젊고 밝은 인상 38 화면 열기 데이터·계기 시안 C Cockpit — 경영 조종석 (라이트) 반원 계기(게이지) 4개 + 경고등 + 트레이스 차트의 항공 조종석 메타포. 단, 밝은 톤. "ALL SYSTEMS NORMAL" 상태 표시로 통제감. 통제·장악 느낌 · 계기판으로 회사를 조종 39 화면 열기 데이터·계기 시안 D Terminal — 모노스페이스 (라이트) 밝은 터미널 창에 sam brief --today. ASCII 막대 차트, [!]·[~]·[+] 상태 마커. 개발자·엔지니어 출신에게 친숙한 절제미. 라이트 톤. 군더더기 0·정보 밀도 최상 · 기술적 신뢰감 40 화면 열기 데이터·계기 시안 E · 신규 경영 히트맵 — 색 타일 (나스닥 스타일) 주식 시장 히트맵처럼, 실적을 빨강·초록 색 타일로. 칸 크기 = 금액 규모, 색 = 전월/목표 대비 변화. 부문별 매출·거래처 채권·운영 지표를 색으로 한눈에 — 잘된 곳(초록)·막힌 곳(빨강)이 즉시 보입니다. 색으로 즉시 판단 · 규모+변화 동시 · 나스닥 히트맵 메타포 41 화면 열기 데이터·계기 시안 F · 신규 3D 차트 — 돌려보는 막대·원형 (Three.js) WebGL(Three.js) 3D 차트. 매출 6개월 3D 막대 + 부문별 매출 3D 원형(파이)를 위아래로. 마우스로 드래그해 회전 · 스크롤로 확대, 자동 회전. 발표·시연에서 임팩트가 큰 실험적 데이터 뷰. 입체감·임팩트 최강 · 회전/확대 인터랙션 · Three.js 42 화면 열기 데이터·계기 시안 G · 신규 비교(Variance) — 목표 대비 얼마나 지금까지가 다 "현황"이었다면, 이건 "차이"에 집중한 안. 매출·수주·미수·지출·이익을 불릿 차트(실적 막대 + 계획 눈금)로 나란히 놓고, 초과·미달을 색으로. 상단 토글로 계획 대비 ↔ 전년 대비 기준을 바꿔 비교. 대표가 제일 자주 묻는 "목표 대비 어때?"에 직결. 불릿 차트 · 계획/전년 기준 토글 · 초과/미달 즉시 판별 43 화면 열기 데이터·계기 시안 H · 신규 자금 흐름도 — Sankey · 워터폴 돈이 어디서 들어와 어디로 나가는지 흐름으로. Sankey로 부문별 매출 → 총매출 → 매입·인건비·판관비·세금·순이익까지 비례 리본으로 잇고, 아래 워터폴로 매출에서 하나씩 빼면 순이익이 얼마 남는지. 제조업 대표에게 가장 직관적인 손익 뷰. SVG Sankey + 워터폴 · 매출→비용→순이익 · WebGL 없이 44 화면 열기 데이터·계기 시안 I · 신규 지도 기반 — 지역별 현장·거래처 거래처·현장을 지도 위에 올린 안. 버블 크기 = 거래 규모, 색 = 상태(정상·주의·신규). 지역을 누르면 그 지역 거래처·미수·현장 상세가 열리고, 거래처 ↔ 건설 현장 토글로 관점 전환. 멀티 현장·전국 거래처일수록 강함. 한국 지도 + 지역 버블 · 클릭 상세 · 거래처/현장 토글 45 화면 열기 데이터·계기 시안 J · 신규 레이더(스파이더) — 경영 균형 매출·수주·수익성·가동률·품질·납기 6개 축으로 경영의 균형을 한눈에. 채워진 도형이 이번 달, 점선이 기준(목표/전월)이라 어디가 강하고 어디가 캐브인됐는지 모양으로 바로 읽힙니다. 토글로 목표·전월 기준 전환. 6축 레이더 · 목표/전월 오버레이 · 강점/보완 즉시 파악 46 화면 열기 컨셉·시간 시안 A Feed / Timeline — 피드·타임라인형 세로 타임라인을 따라 "오늘의 흐름"을 위에서 아래로 읽는 브리핑 피드. 요약 → 결정사항 → 수주 → 추이 → 자금 → 일정 순으로 흐름. SNS 피드/뉴스레터 감각. "순서대로 보고받는" 흐름 최강 · 스크롤 하나로 하루 파악 47 화면 열기 컨셉·시간 시안 B Boarding Pass — 오늘의 탑승권 하루를 항공 보딩패스+여정표로. 절취선·바코드·구간(6월→7월→목표 15억), 일정은 탑승 게이트로. 가장 유니크한 메타포 — 매일이 "목표를 향한 탑승". 발상 전환·재미 · 일정/목표를 여정으로 재해석 48 화면 열기 컨셉·시간 시안 C Almanac — 경영 책력(달력) 7월 달력 그리드에 오늘·일정을 표시하고, 옆에 당월 요약·오늘의 절기(이슈)·자금. 일정 중심으로 하루를 조망하는 책력. 시간·일정 조망 최강 · 달력으로 경영을 읽음 49 화면 열기 컨셉·시간 시안 D Keynote — 프레젠테이션 슬라이드 16:9 슬라이드 4장(타이틀 → 핵심 지표 → 추이 → 결정 3가지). 이사회 브리핑 덱을 넘기듯 보는 형식. 큰 타이포·페이지 번호. 발표받는 느낌 · 회의 브리핑에 그대로 사용 50 화면 열기 컨셉·시간 시안 E Metro Line — 경영 노선도 하루를 지하철 노선도로. 일정이 역이 되고 "현재 위치"가 표시되며, 부가세 마감은 "환승주의역", 목표 달성이 종착역. 시간·여정을 한 줄 노선으로 조망. 일정 흐름을 직관적으로 · 여정 메타포 51 화면 열기 컨셉·시간 시안 F Weather Forecast — 경영 일기예보 "오늘의 경영 날씨: 대체로 맑음". 지표별 날씨 아이콘(맑음/구름/흐림), 주간 예보(일정), 기상특보(이슈=호우·강풍주의보). 친근하면서 상태를 직관적으로 전달. 가장 친근·직관 · 지표를 날씨로 은유 52 화면 열기 컨셉·시간 시안 G Daily Planner — 데일리 플래너 스프링 노트 플래너 지면. 시간블록 일정, 체크박스 to-do(오늘의 결정), 손글씨 느낌 메모(자금·채권), 하단 스티커 요약. 다이어리에 하루를 정리해둔 느낌. 시간블록·체크리스트 · 플래너 감성 53 화면 열기 컨셉·시간 시안 H · 신규 미니멀 프레젠테이션 — 여백의 미 D(키노트)의 강점 "깔끔함"을 극대화한 순수 미니멀. 104px 대형 매출 하나를 중심으로 여백을 잔뜩 살리고, 핵심 숫자 3개 + "오늘 챙기실 것" 한 줄만. 채우지 않고 비워서 만든 정갈함. "비움"의 깔끔함 극대화 · 발표·회의 오프닝에 최적 54 화면 열기 컨셉·시간 시안 I · 신규 경영 흐름 지도 — 미니맵 게임 미니맵처럼, 서로 물린 데이터를 한 줄 흐름으로 도식화. 수주 → 생산 → 출고 → 매출 → 미수 → 자금 → 목표를 화살표로 잇고, 지금 막힌 지점(미수 연체)을 빨간 펄스로 표시. 복잡한 그래프가 아니라 곁가지를 쳐낸 한 줄이라 한눈에. 모바일은 세로 흐름. 데이터 흐름·병목이 한눈에 · 미니맵 메타포 · 실험적 55 화면 열기 컨셉·시간 시안 J · 신규 경영 캘린더 대시보드 — 달력 중심 7월 달력에 경영 일정을 색으로 얹은 인터랙티브 캘린더. 계약·부가세·급여·수금·회의·현장을 날짜에 표시하고, 날짜를 누르면 그날 상세가 옆에 뜹니다. "다가오는 일정"도 함께. 일정 중심으로 한 달을 조망. 날짜로 경영 조망 · 클릭하면 그날 상세 · 인터랙티브 달력 56 화면 열기 컨셉·시간 시안 K · 신규 스크롤리텔링 — 이달의 이야기 숫자 나열 대신, 스크롤하며 이달의 흐름을 이야기처럼. 스크롤에 맞춰 숫자가 카운트업되고 막대가 자라며 매출→추이→미수(주의)→수주→오늘의 결정→마무리로 전개. 발표·브리핑에 몰입감. 스크롤 내러티브 · 숫자 애니메이션 · 몰입형 57 화면 열기 컨셉·시간 시안 L · 신규 프로젝트 타임라인 — 간트 수주 → 생산 → 출고/납품을 간트 바로. 프로젝트별 진행 구간과 수금·재무 마감을 마일스톤으로, "오늘" 라인으로 현재 위치를 표시. 제조·건설 진행 관리에 특히 적합. 일정·진행을 간트로 · 오늘 기준선 · 제조/건설 적합 58 화면 열기 컨셉·시간 시안 M · 신규 아이소메트릭 — 블록 2.5D 지표를 입체 블록으로 세운 아이소메트릭 뷰. 블록 높이가 금액에 비례(수주·매출·미수·지출). 3D 엔진(WebGL) 없이 순수 CSS라 가볍고, 감각적인 2.5D 인포그래픽. 감각적 2.5D · CSS만(가벼움) · 규모를 블록 높이로 59 화면 열기 컨셉·시간 시안 N · 신규 아이소메트릭 공장 현장 (디지털 트윈) 아이소메트릭을 한 발 더 밀어 공장 내부를 입체 도형으로 재현한 안. 자재입고→절단→절곡→셔터생산→도장→검사→출하 라인 위로 자재가 실제로 흐르고, 각 구역의 상태(가동중·점검)·가동률·생산량이 뜹니다. 그 생산이 우측 오늘 매출로 실시간 롤업되고, 구역을 누르면 그 라인의 상세·7일 추이가 열립니다. "어느 팀이 뭘 어떻게 돌리고 있고, 그게 매출로 얼마 찍히는지"를 가장 직관적으로. (경동 철강·셔터 라인 기준 · WebGL 없이 SVG 2.5D) 공장 디지털 트윈 · 흐름 시뮬레이션 + 생산→매출 롤업 · 구역 클릭 상세 60 화면 열기 컨셉·시간 시안 O · 신규 아이소메트릭 공장 — 라인아트 모듈 같은 공장 현장을 하드웨어 모듈 감성의 라인아트로. 면을 색으로 채우는 대신 화이트 모듈 + 얇은 해어라인, 모서리 리벳, 전면 LED 상태 줄·통풍구·각인 코드(RCV·01…), 상단 전원 LED, 선택하면 그 모듈에 레이더 펄스가 도는 테크니컬·프리미엄 톤. 데이터·흐름·매출 롤업은 시안 N과 동일하되 룩앤필만 미니멀 하드웨어 스타일로. 라인아트 화이트 모듈 · 리벳/LED/각인 · 무채색+주황 액센트 · 시안 N의 다른 룩 61 화면 열기 컨셉·시간 시안 P · 신규 카드 플립 — 앞 요약, 뒤 상세 카드의 앞면은 요약(큰 숫자), 누르면 3D로 뒤집혀 뒷면에 상세(추이·구성·목록)가 나옵니다. 한 번 더 누르면 돌아오고요. 한 화면에 요약을 유지하면서 필요할 때만 상세를 펼치는, 촉각적인 인터랙션. 3D 카드 플립 · 앞 요약/뒤 상세 · 촉각적 인터랙션 62 화면 열기 컨셉·시간 시안 Q · 신규 캘린더 히트맵 — 매출 잔디 깃허브 잔디(contribution graph)처럼 최근 12개월 일자별 매출 농도를 색 격자로. 진할수록 많이 판 날 — 계절성·요일 패턴·잘 벌던 시기가 한눈에 패턴으로 보입니다. 칸에 올리면 그날 상세, 매출↔출하 토글. 잔디형 히트맵 · 일자별 농도 · 계절/요일 패턴 · hover 상세