데이터는 그대로.
읽는 방식은 다섯 가지.

활자·색·공간

흰 작업표와 차가운 회색 #E5E9EF, 흑연색 #202936, 코발트 #244CE2. 제목 28–40px, 시세 33–50px, 표 13–15px, 메타데이터 12px 이상. 본문은 시스템 고딕, 수치는 SFMono/Consolas 계열과 고정폭 숫자. 4px 간격 체계, 표 안쪽 13–20px, 작업영역 사이 22–30px. 직각 모서리와 이어지는 구분선으로 밀도를 관리합니다.

차트·출처·시점

실제 지수 등락률 막대와 NVDA의 두 가격 관측점·52주 범위를 표시합니다. 원천과 실제 관측일은 행에 붙입니다. 시간축 원자료가 없어 기간 버튼은 미제공 상태를 설명합니다.

동작과 모바일

미국/한국 필터, 등락률 정렬, 자료 계열 탭, 원천 검색, CSV 내보내기, 밀도 전환, 키보드 종목 검색.

가격과 시세 기준을 먼저 두고, 차트·핵심 데이터·원천 작업표를 세로 장부로 재배열합니다. 숫자를 축소하지 않고 레이블과 날짜를 다음 줄에 놓습니다.

약점과 추가 비용

초보 사용자에게는 화면의 요구 수준이 높고, 결론을 먼저 읽고 싶은 사람에게 건조할 수 있습니다. 표의 정렬·고정열·키보드 규칙을 일관되게 관리해야 합니다. 모바일에서 여러 종목의 행을 동시에 비교하는 속도는 낮아집니다.

활자·색·공간

백색 #FFFFFF, 잉크 #20211F, 주홍 #D83D18. 제목은 Georgia·Noto Serif CJK KR·AppleMyungjo·Batang 계열 명조, 데이터는 시스템 고딕과 고정폭 숫자. 시장 제목 42–82px, 회사 제목 52–105px, 본문 16px, 표 14px, 출처 12px 이상. 6:3:3 비대칭 열, 열 사이 30–38px, 단락 사이 36–44px. 둥근 카드 없이 선과 활자 크기로 구분합니다.

차트·출처·시점

막대의 길이와 가격 범위를 자료로 사용합니다. 미국 지수와 다른 날짜의 KOSPI 보기 전환, 각주 식별자, 출처 상세를 제공합니다. 선행 해석은 캡처의 비교라는 범위를 표시합니다.

동작과 모바일

핵심만/근거까지 전환, 미국/한국 차트 보기, 가격 범위/두 관측값 전환, 출처 각주와 전체 메뉴.

작은 제호 → 회사명·가격 → 차트 → 같은 자료 장부로 이어집니다. 데스크톱의 옆 칼럼은 본문 아래로 이동합니다. 촘촘한 표는 이름이 있는 내부 스크롤 영역을 유지합니다.

약점과 추가 비용

무엇을 먼저 보여 줄지 편집 판단이 필요합니다. 제목이 단정적이면 근거보다 확신을 크게 보이게 할 위험이 있습니다. 많은 티커를 반복 비교하는 작업은 터미널이 더 빠르며, 운영체제별 명조 대체 글꼴과 중간 폭 조판을 관리해야 합니다.

활자·색·공간

바탕 #F4FBFC, 캔버스 #F8FEFF, 글자 #153545, 청록 #147B80, 선택 연결 보라 #674AC5. 시스템 고딕, 제목 32–48px, 시세 54px/모바일 47px, 본문 14–15px, 출처 12px 이상. 간격 12/16/24/28/40/52px, 모바일 바깥 18px. 중심만 원형으로 강조하고 주변은 간단한 레이블과 세로선으로 구분합니다.

차트·출처·시점

지도는 비정량 탐색 관계입니다. 위치·선 길이·노드 크기는 상관, 영향력, 비중을 뜻하지 않는다고 항상 표시합니다. 실제 값은 별도 지수 막대·가격 범위·원자료 표로 표시합니다.

동작과 모바일

노드 선택, 선택 관계 강조, 지도/표 전환, 확대·이동·초기화, 출처 대화상자, 종목 검색.

지도를 축소하지 않습니다. 1100px 이하에서 선택 초점과 직접 연결된 목록으로 바꾸고, 412px에서는 가격·차트 다음에 관계 목록과 상세를 읽습니다.

약점과 추가 비용

수백 종목의 순위 비교에는 느립니다. 많은 관계를 펼치면 이름과 선이 복잡해집니다. 지도·목록·표·상세의 상태를 동기화해야 하므로 구현과 유지보수 비용이 가장 높습니다. 키보드와 화면낭독기 사용자는 목록·표 대안이 반드시 필요합니다.

활자·색·공간

백색, 짙은 보라색 글자 #231A35, 강조 #6339C7, 연보라 자료면 #F3EFFB. 시스템 고딕, 제목 40–78px, 시세 52–86px, 설명 16–18px, 표 14px, 출처 12px 이상. 장 사이 56–64px, 자료면 안쪽 28–32px. 데스크톱은 읽기 목차·본문·현재 맥락의 세 구역이며, 본문의 각 장 안에서는 한 질문에 집중합니다.

차트·출처·시점

주요 지수의 실제 등락률 비교, NVDA의 52주 범위와 두 가격 관측값을 씁니다. 큰 설명 뒤에 차트, 바로 아래에 출처와 상세 표를 둡니다. 관측·수집·기준 시각을 문장과 표에서 구분합니다.

동작과 모바일

장별 이동, 현재 장 표시, 근거 함께 보기, 가격 범위/종가 비교/원자료 전환, 검색과 전체 탐색.

왼쪽 목차를 짧은 상단 장 메뉴로 바꾸고, 옆 설명은 본문 흐름에 포함합니다. 큰 숫자와 순서가 유지되어 데스크톱을 줄인 화면처럼 보이지 않습니다.

약점과 추가 비용

매일 같은 자료를 빠르게 재확인하는 사용자에게 스크롤이 길 수 있습니다. 편집된 순서가 사용자의 질문 순서와 다르면 답답합니다. 표는 내부 스크롤이 필요하며, 동작 효과보다 목차와 건너뛰기 기능을 우선해야 합니다.

활자·색·공간

바탕 #F5F4EF, 자료면 #FFFEFB, 짙은 녹색 #26382F, 벽돌색 #AD4825. 시스템 고딕, 제목 32–48px, 시세 52–64px, 자료 제목 22px, 본문 14–16px, 표 13–14px, 출처 12px 이상. 열 간격 24px, 열 안쪽 16px, 자료 안쪽 22px. 열은 옅은 다른 면색으로 구분하며, 카드 위 선은 자료 성격을 나타냅니다.

차트·출처·시점

모든 자료 묶음에 값과 출처·시점을 붙입니다. 가격 범위·종가 비교는 실제 제공값만 씁니다. 카드 위치는 조사 순서이며 투자 신호, 추천 순위, 검증 완료 상태가 아닙니다.

동작과 모바일

관측 자료/추가 확인 필터, 키보드로 가능한 다음 열 이동, 가격 차트 전환, 종목 검색, 기존 경로와 출처 확인.

세 열을 세로로 펼치고 상단의 짧은 열 메뉴로 이동합니다. 가격 밴드의 중복 핵심 수치는 아래 핵심 데이터 카드에 남겨 첫 화면의 차트 접근을 줄입니다.

약점과 추가 비용

카드가 늘면 비교해야 할 숫자가 분산될 수 있습니다. 실제 개인 보드로 발전시키려면 정렬·상태·저장·복원의 데이터 모델이 추가됩니다. 드래그만 제공하면 접근성이 나빠지므로 버튼과 키보드 이동을 유지해야 합니다. 이번 목업은 임시 화면 상태만 바꾸며 계정에 저장하지 않습니다.