사용자 화면 · 마켓 / 판매등록
MKT-002 · 2026. 03. 04
최근 검색
김작가 판화
₩350,000
이작가 원화
₩1,200,000
정렬
| 0 | 화면 접근 조건 |
|
| 1 | 검색창 활성화 화면 |
|
| 2 | 세부 정렬 바텀시트 |
|
| 3 | 토스트 메시지 정의 |
|
| 4 | 공통 규칙 |
|
Design Output
위 스토리보드 기획을 CHAART OS 디자인 토큰으로 변환한 결과물. 실제 구현 시 참조할 최종 디자인.
최근 검색
김작가 판화
₩350,000
이작가 원화
₩1,200,000
정렬
| 요소 | Token | 값 |
|---|---|---|
| 전체 배경 | --bg |
#FAFAF8 |
| 검색 필드 활성 | --charcoal border · --sans 14px |
직각 (R=0), 1px solid |
| 최근 검색어 | --sans · 13px · --text-secondary |
#6B6B6B |
| 바텀시트 배경 | --bg · 직각 |
#FAFAF8 (R=0) |
| 딤 오버레이 | --charcoal 45% |
rgba(26,26,26,0.45) |
| 정렬 옵션 | --sans · 15px · 500 · --charcoal |
50px height, border-bottom 구분선 |
| X 닫기 버튼 | --text-muted · square/miter |
22px, stroke 1.5px |
| 좌우 패딩 | 24px | 전체 콘텐츠 마진 |
Update History
| 0 | 화면 접근 조건 |
|
| 1 | 검색창 활성화 화면 |
|
| 2 | 세부 정렬 바텀시트 |
|
| 3 | 토스트 메시지 정의 |
|
| 4 | 공통 규칙 |
|