📊 투자전략 백테스트 UI 목업

🖥️

PC (데스크톱)

1920px 이상 · 넓은 화면에 최적화된 대시보드 스타일

PC-01

트레이딩 터미널

3단 레이아웃의 트레이딩뷰 스타일. 좌측 종목리스트, 중앙 대형 차트, 우측 성과 패널

다크테마 3단레이아웃 실시간스타일

🔍 미리보기

PC-02

분석 리포트

라이트 테마의 비즈니스 리포트 스타일. 깔끔한 카드와 테이블 중심

라이트테마 리포트형 비즈니스

🔍 미리보기

PC-03

미니멀 클린

화이트 배경의 미니멀 디자인. 아이콘 사이드바와 넓은 콘텐츠 영역

미니멀 화이트 모던

🔍 미리보기

PC-04

다크 프로페셔널

퍼플 액센트의 프로페셔널 다크 테마. 그라데이션과 카드 중심

다크 퍼플 그라데이션

🔍 미리보기

PC-05

스플릿뷰

좌우 50:50 분할 레이아웃. 설정/결과와 차트 영역 분리

2분할 네이비 정보분리

🔍 미리보기

📱

태블릿 (Tablet)

768px - 1024px · 가로/세로 모드에 최적화

Tablet-01

그리드 대시보드

4컬럼 그리드 기반 대시보드. 메트릭 카드와 차트가 조화롭게 배치

그리드 다크 카드

🔍 미리보기

Tablet-02

카드 스택

세로 스크롤 카드 스택 구조. 라이트 테마의 깔끔한 디자인

카드스택 라이트 스크롤

🔍 미리보기

Tablet-03

가로 분할

상단 설정/결과, 하단 차트/정보로 가로 분할된 레이아웃

가로분할 다크 컴팩트

🔍 미리보기

Tablet-04

슬라이드 패널

탭 네비게이션과 슬라이드 가능한 메트릭 카드

탭 슬라이드 퍼플

🔍 미리보기

Tablet-05

컴팩트 프로

화이트 배경의 컴팩트한 프로페셔널 디자인

컴팩트 화이트 프로

🔍 미리보기

📲

모바일 (Mobile)

375px - 414px · 터치 인터페이스에 최적화

Mobile-01

앱 스타일

iOS/Android 앱 스타일. 바텀 네비게이션과 플로팅 버튼

앱스타일 다크 바텀네비

🔍 미리보기

Mobile-02

카드 스크롤

라이트 테마의 카드 기반 스크롤 UI. 가로 스크롤 메트릭

카드 라이트 스크롤

🔍 미리보기

Mobile-03

풀스크린 차트

차트가 화면 전체를 차지. 오버레이로 정보 표시

풀스크린 오버레이 몰입형

🔍 미리보기

Mobile-04

바텀시트

상단 차트 + 하단 바텀시트 구조. 드래그로 확장 가능

바텀시트 드래그 블루

🔍 미리보기

Mobile-05

미니멀 다크

대형 수익률 표시의 미니멀 디자인. 심플하고 직관적

미니멀 다크 심플

🔍 미리보기

💡 UI 선택 가이드

🖥️ 데스크톱 중심

PC-01 트레이딩 터미널 또는 PC-04 다크 프로를 추천합니다. 넓은 화면에서 차트와 정보를 동시에 확인하기 좋습니다.

📊 상세 분석

PC-02 분석 리포트를 추천합니다. 테이블과 상세 데이터 확인에 최적화되어 있습니다.

📱 모바일 중심

Mobile-01 앱 스타일 또는 Mobile-03 풀스크린 차트를 추천합니다. 터치에 최적화된 인터페이스입니다.

🎨 라이트 테마 선호

PC-03 미니멀 클린, Tablet-02 카드 스택, Mobile-02 카드 스크롤을 추천합니다.