Master-detail, like a booking or mail client. Desktop 1920: three columns. Left (360px) is a vertical list of the 13 market items, grouped under two basis headings, each row showing name, value and a ▲▼ change. Centre (780px) is the detail pane for the selected row, defaulting to 나스닥100 선물 with the headline and lead paragraph above, and switching to the WTI row shows the full 5-minute scrub chart. Right (480px) is the 'open questions' list with the 21:30 claims, 20만 건 and 5.146%, each linking to a schedule event. Sections 1, 2 and 오늘 밤 일정 stack below as full-width bands that keep the list pinned. Phone 412: list screen then detail screen (push navigation with a back arrow). A bottom-docked segmented control switches 시장 · 서사 · 의문점 · 일정, and the first screen shows the headline above the list.
왼쪽 13개 시세 마스터 목록과 오른쪽 의문점·서사 상세를 나눈 인스펙터 구조라 아시아 마감, 유럽 첫 1시간, 미국 선물을 훑고 미국장 전 의문점을 점검하는 독자 과업에 가장 잘 맞고, 형제 뷰와도 확실히 다르며 결함도 적다.
강점
13개 시세를 두 기준 그룹으로 나눈 왼쪽 리스트는 숫자 정렬, 등락 색, ▲▼ 글리프가 일관돼 스캔이 빠르다.
빨강 상승·파랑 하락의 의미색과 얇은 선택 룰만 쓰는 절제된 색 운용이 금융 문서답다.
의문점을 시각(21:30 등)과 일정 링크로 묶어 '미국장 전에 확인할 것'이라는 과제와 연결했다.
모바일에서 WTI 행이 잘려 이번 이야기의 핵심 수치(+1.92%)가 첫 화면에서 사라진다. 행 높이와 오버플로를 고쳐야 한다.
WTI가 주인공인데 첫 화면 상세는 나스닥이고 WTI 차트는 스크롤 아래에 있어 두 축의 대비가 한눈에 안 들어온다. 기본 선택이나 상단 대비 구조를 재고해야 한다.
리드문이 헤드라인 아래와 상세 카드에 중복돼 첫 화면 공간을 낭비한다.
의문점 7개가 모두 같은 서체와 간격이라 21:30 두 항목(20만 건, 5.146%)이 우선순위로 드러나지 않는다.
점수 (0~10)
목적 적합6
위계6
완성도5
한글 조판7
독창성5
2
c1 · 증거 레일 (Evidence Rail)
새 시안 · 디자인 시스템 cloudflare-kumo · 평균 5.8 ·
Asymmetric two-pane app-page. Desktop 1920: a fixed 640px evidence rail on the left and a 720px reading column on the right, with a wide margin on the far right. The rail holds the main point as a compact headline, then one dominant linked WTI 5-minute scrub chart (05:00~18:00, peak 100.07 at 17:30, last 99.76). Under it sits the six-item diverging dot plot, the basis toggle and the 13-row market strip. The reading column carries the full lead paragraph, then Section 1, Section 2 and 오늘 밤 일정. Scrolling swaps the rail's highlighted evidence to match the paragraph in view. On phone 412 the rail collapses into a sticky bottom-docked segmented control (아시아 · 유럽 · 선물 · 의문점) over scroll-snap panels. The headline and chart sit in the first viewport, and the route to the schedule is a persistent '오늘 밤 일정' anchor chip.
왼쪽 고정 증거 레일에 WTI 경로와 등락률, 시세표를 두고 오른쪽에서 본문을 읽는 구조라 목적에 맞고 차분하지만, 레일 하단 표가 잘리고 본문 쪽이 평범해 c6보다 약하다.
강점
빨강 상승(▲)과 파랑 하락(▼)이라는 한국 시장 색상 관례를 따르고, 방향 기호를 함께 써서 색에만 의존하지 않는다.
다이버징 도트 플롯은 나스닥100 -2.04%와 WTI +1.92%의 반대 방향을 한 번에 보여주고, WTI 행 강조로 핵심 서사를 짚는다.
차트에 05:00 기준선, 고점 17:30, 05:55~07:00 데이터 공백 음영을 표시해 출처와 조건을 정직하게 드러낸다.
레일과 읽기 컬럼의 이중 구조로 근거를 보면서 본문을 읽을 수 있어 이전 시리즈와 구조가 구분된다.
고칠 점
레일 하단 시세표와 본문 속 차트 카드의 상단이 잘리는 등 클리핑과 레이어 버그가 있다. 표는 13행 중 2~3행만 보이고, 스크롤 시 레일이 중복 렌더링된 것처럼 나타난다.
'아시아 마감 → 유럽 첫 1시간 → 미국 선물'이라는 독자 과업 순서가 시각 구조에 드러나지 않는다. 모바일 세그먼트(아시아·유럽·선물·의문점)도 보이지 않는다.
레일에 정보가 과밀하다. 차트, 플롯, 토글, 표가 모두 들어가 있어 첫 화면의 중심이 분산되고 99.76의 존재감도 약하다.
미세 라벨(칩, 축 눈금, 각주)이 10~11px 수준이고 얇은 테두리 칩이 반복되어 일반 대시보드 느낌이 난다. 대비 약한 회색 캡션은 가독성도 해친다.
점수 (0~10)
목적 적합7
위계6
완성도4
한글 조판6
독창성6
3
c5 · 밤으로 이어지는 리본 (Night Ribbon)
새 시안 · 디자인 시스템 ant · 평균 5.4 ·
Time-spine archetype. The first screen is a horizontal KST ribbon in swim lanes: 아시아 마감 · 유럽 첫 1시간 · 미국 선물(05:00 이후) · 원자재, with a single draggable 'now = 18:00' cursor. Lanes show only supplied values and basis tags, not invented paths. The WTI lane carries the real 5-minute path from 05:00 to 18:00 (peak 100.07 at 17:30). To the right of 18:00 the ribbon continues into the night, with 21:30, 23:00, 00:00 (crossing midnight, a marked 10-22 | 10-23 seam) and 05:30 as event ticks. The headline and lead sit in a 480px column on the left. Clicking any tick scrolls to its source paragraph, and the final section reuses the same axis at full size. Phone 412: the ribbon turns vertical, a scroll-snap time spine with lanes as a segmented control at the bottom (아시아 · 유럽 · 선물 · 의문점) and the midnight seam as a labelled divider.
KST 시간축 위에 아시아, 유럽, 미국 선물, 원자재, 밤 일정을 배치한 아이디어는 가장 독창적이고 과업에 맞지만, 오늘 밤 일정 영역의 라벨이 겹치고 카드가 빽빽해 완성도가 떨어진다.
강점
시간축 하나로 아시아 마감, 유럽 첫 1시간, 미국 선물, 원자재, 야간 일정을 잇는 구조가 브리프와 다른 브리프들에서 구분되는 독자적 개념이다.
WTI 5분 경로에서 최고 100.07(17:30)과 현재 99.76을 직접 표기했고, 하단 확대 차트도 같은 축 언어를 이어간다.
적색 상승, 코발트 하락에 ▲▼ 기호를 병기해 색에만 의존하지 않으며, 파란색은 '지금' 커서에만 쓰는 규율이 지켜진다.
헤드라인 줄바꿈과 본문 가독성이 좋고, 수치·단위·출처 조건을 원문대로 유지했다.
고칠 점
일정 레인이 겹치고 잘린다. 21:30, 00:00, 05:30 이벤트 라벨이 서로, 그리고 점선과 세로선에 부딪히고 커서선이 패널 밖으로 나온다. 이벤트를 줄 단위로 어긋나게 배치하거나 라벨 충돌을 처리해야 한다.
레인 카드가 18:00 커서 왼쪽 오른쪽 끝에 몰려 시간축의 의미가 약하다. 값이 실제 시각 위치가 아니라 카드 더미로 보인다. 카드를 줄여 얇은 값 행으로 바꾸고, 핵심 두 값은 크게 키워야 한다.
'vs 05:00 KST', 'vs 직전 종가' 태그가 모든 카드에 반복되어 노이즈가 된다. 기준은 상단 토글 한 곳에서만 보이게 하고 카드에서는 제거해야 한다.
레인 라벨과 보조 텍스트가 9~10px로 너무 작고 축 라벨도 mono가 아니다. 최소 12px와 tabular-nums mono로 올려야 한다.
점수 (0~10)
목적 적합6
위계5
완성도4
한글 조판6
독창성6
4
c3 · 여백 주석 (Margin Notes)
새 시안 · 디자인 시스템 openai · 평균 6.0 ·
Calm, highly legible, single reading column with a Tufte-style annotation margin. Desktop 1920: a 680px text column centred-left, with a 520px right margin that holds figures and basis notes level with the paragraph that cites them. The first screen shows the headline and full lead paragraph on the left, and in the margin a compact 'evidence switcher' with three tabs (선물·원자재 5분 등락률, 18:00 시세, WTI 5분 경로) that swaps one chart in place. The 21:30, 20만 건 and 5.146% claims in the lead are underlined links that highlight their rows in the chart. Sections 1, 2 and 오늘 밤 일정 follow in order, each with its figure in the margin. Phone 412: one column, figures inline after their paragraph. A bottom tab bar (요약 · 선물 · 유럽/아시아 · 일정) scrolls to anchors.
본문 옆에 근거와 차트를 붙인 여백 주석형 레이아웃은 읽기 좋고 정돈됐지만, 차트 패널 제목이 잘리고 구조가 무난해 Premarket만의 개성은 약하다.
강점
본문과 근거 차트를 한 행에 두는 마진 주석 구조가 '주장→근거' 읽기 흐름에 맞고 차별화된 구조다.
리드의 21:30, 20만 건, 5.146% 클레임이 밑줄 링크로 우측 '리드 근거' 표와 연결되어 검증 과업을 지원한다.
빨강·파랑 의미색을 ▲▼ 기호와 함께 절제해 쓰고, 막대 차트는 0선 기준으로 하락과 WTI 상승의 대비를 명확히 보여준다.
차트마다 출처·기간 칩, 요약 칩(고점/시작/마지막), 데이터 표 접기를 달아 정보 출처와 접근성이 좋다.
고칠 점
섹션 1·2 제목과 차트 카드 상단이 잘리거나 겹친다(데스크톱의 '중동 공급 계획…', 모바일의 '나스닥100 선물' 라벨). 스티키/오버플로 버그를 먼저 고쳐야 한다.
데스크톱에서 콘텐츠가 좌측으로 치우쳐 1440 우측에 큰 공백이 남고, 텍스트 컬럼과 마진 폭의 비율이 불안정해 보인다.
섹션 번호 '1', '2'와 가는 선이 너무 작아 구획 표시가 약하고 섹션별 위계가 헤드라인 크기에만 의존한다.
우측 마진 도표 간 세로 간격과 본문 문단 높이가 맞지 않아 '해당 문단과 같은 높이'라는 주석 원칙이 지켜지지 않는다(WTI 차트가 문단 끝보다 먼저 시작).
점수 (0~10)
목적 적합7
위계6
완성도5
한글 조판7
독창성5
5
c4 · 기준 원장 (Basis Ledger)
새 시안 · 디자인 시스템 ibm · 평균 5.0 ·
Table-first instrument on a 16-column Carbon grid. Desktop 1920: the left 5 columns hold the headline and lead paragraph. The remaining 11 columns hold a single large data table of the 13 values, grouped in two blocks with a header band that names the basis: '선물·원자재·달러 — 한국시간 05:00 대비 18:00' and '유럽·아시아 — 전일 종가 대비'. Each row has an inline sparkline-free bar showing the change on a shared zero axis, and a tag column. Clicking a row opens an inline expanded drawer with that item's evidence (WTI row opens the 5-minute path with a scrubber, 나스닥100 row opens the lead claims). Toggling basis re-sorts rows with FLIP without altering values. A fixed Carbon-style left nav lists 시장 · 섹션 1 · 섹션 2 · 오늘 밤 일정. Phone 412: the table becomes stacked rows with the change bar below the name. Basis group headers are sticky, and a bottom segmented control switches groups.
기준 원장 표와 막대, 펼침 행으로 기준 혼동을 잘 다루는 표 중심 설계는 좋지만, 좌측 목록의 '섹션 1·2' 같은 임시 라벨과 겹친 배지, 잘린 행 같은 결함이 눈에 띈다.
강점
표 헤더에 '한국시간 05:00 대비 18:00'와 '전일 종가 대비'를 명시해 기준이 다른 값을 섞지 않는 점이 정직하고 유용하다.
공유 영점 막대와 ▲▼, 빨강 상승/청록 하락 구분으로 방향과 크기를 한눈에 비교할 수 있다.
WTI 행 펼침으로 5분 경로, 17:30 고점 100.07, 마지막 99.76과 100달러 기준선을 근거로 제시한다.
Plex Mono 고정폭 숫자와 우측 정렬로 금융 표 타이포그래피가 정확하다.
고칠 점
모바일 sticky 그룹 헤더가 겹쳐 행을 가리고 헤더가 중복된다. 스크롤 상태에서도 정상 동작하도록 top 오프셋과 stacking을 고쳐야 한다.
'원자재' 태그의 테두리 박스가 깨져 있다. 모든 태그의 폭·패딩·줄바꿈을 통일해야 한다.
차트의 회색 '자료 없음' 직사각형이 축 라벨과 '100달러' 라벨을 덮는다. 데이터 공백은 연한 해치 밴드로 표시하고 라벨은 겹치지 않게 배치한다.
데스크톱에서 헤드라인 블록이 중복되고 좌측 열에 큰 빈 공간이 남는다. 좌측 열을 sticky로 고정하고 중복을 제거한다.
점수 (0~10)
목적 적합6
위계5
완성도3
한글 조판6
독창성5
6
c2 · 100 라인 (The Threshold Landscape)
새 시안 · 디자인 시스템 tom-modern · 평균 5.6 ·
Bold, full-bleed chart-as-page. The first screen is the WTI 5-minute path drawn edge to edge across 1920 on a light canvas. A hard hairline at USD 100 crosses the entire viewport, and the path touches it at the 17:30 peak (100.07) and ends below it at 99.76. The headline '나스닥100 선물이 2% 빠지고 WTI는 100달러에 닿았다' sits in the open space above the line, left-aligned. Below the 100 line, six sharp rectangular 'weights' hang from a zero axis: the six change items as a diverging bar/dot row (Nasdaq100 -2.04 to 달러인덱스 -0.17, WTI +1.92). Scrubbing the chart moves a vertical blade with a hard-shadow readout. A sticky vermillion 'tonight ↓ 21:30' marker links to the schedule. Phone 412 rotates the idea: a tall vertical WTI path, with time running down the page and the 100 line as a horizontal rule. The headline is placed above it and the six items become a swipeable row beneath.
100 기준선을 가로지르는 큰 주황 라인은 인상적이지만, 막대 라벨이 겹치고 모바일 차트가 세로로 눕혀져 잘리는 등 눈에 띄는 결함이 크다.
강점
100달러 기준선이 화면 전체를 가로질러 '100에 닿았다'는 이야기를 구조 자체로 보여준다
주황색을 WTI 상승, 100선, 커서에만 제한적으로 써 의미가 분명하다
헤드라인 안에서 'WTI는 100달러에'만 주황으로 강조해 차트와 시각적으로 연결했다
날카로운 모서리, 헤어라인, 모노 숫자가 정확한 금융 도구 같은 인상을 준다
고칠 점
막대 차트 라벨이 겹친다. 나스닥100의 '−2.04%'와 축 라벨이 겹치고 WTI 값은 제목과 충돌하므로, 값 위치와 라벨 레이어를 분리해야 한다
모바일 막대 차트가 가로로 잘려 WTI와 나머지 항목이 보이지 않는다. 핵심 대비인 나스닥 vs WTI가 사라지므로 세로 또는 스와이프 구조로 다시 설계해야 한다
모바일 첫 화면 차트의 '100' 라벨, 최고점 라벨, 툴팁이 서로 가려 읽을 수 없고, 툴팁이 화면 밖으로 나간다
