탐색Component엔터프라이즈 금융 플랫폼 사이드바 — 다크·라이트 4종 변형

1 / 1

회색 배경 위에 축소 아이콘 레일과 확장 라벨 패널을 짝지은 사이드바 네 종이 다크·라이트 테마로 배열된 화면이다. 섹션 헤더로 묶인 메뉴, 'Soon' 배지가 붙은 비활성 항목, 하단 사용자 행과 알림 카드가 함께 보인다.

Component

엔터프라이즈 금융 플랫폼 사이드바 — 다크·라이트 4종 변형

2026-08-17 · 이미지 1

X에서 보기

AI 분석

아이콘 레일과 확장 패널을 조합한 자산관리 플랫폼 사이드바 내비게이션 변형 모음이다.

연회색 캔버스 위에 사이드바 네 종이 나란히 놓인 컴포넌트 스터디다. 좌측은 아이콘만 남긴 축소 레일이고 우측은 워크스페이스 스위처와 라벨을 펼친 확장 패널이며, 다크 레일과 라이트 레일 두 테마로 같은 구조를 반복해 대비를 보여준다. 메뉴는 대문자 소형 라벨의 섹션 헤더로 묶이고, 미출시 항목은 흐린 글자와 우측의 'Soon' 배지로 눌러 두었으며, 현재 항목만 옅은 회색 블록으로 강조한다. 하단에는 사용자 행이 고정되고 마지막 변형에만 알림 카드와 어두운 실행 버튼이 얹혀 상태 전달 레이어를 더한다. 조밀한 메뉴 계층을 가진 금융·SaaS 제품에서 레일과 패널의 전환, 비활성 상태 처리, 테마 대응을 설계할 때 참고하기 좋다.

minimal · corporate · dark-mode · light-mode

badge dark-mode design-system fintech high-contrast iconography light-mode minimal notification saas sidebar sidebar-nav

claude-opus-5 · 2026-09-07 05:21 · 신뢰도 0.93