Mobbin 감도
검색 우선 구조
처음 진입했을 때 바로 찾을 수 있어야 합니다. 칩, 필터, 검색창을 하나의 레이어로 묶으면 탐색이 빨라집니다.
Mobbin의 검색 밀도, PitchWall의 런치 리듬, shadcn/ui의 절제된 시스템을 합쳐서 만들었습니다. 이 화면은 팀이 레퍼런스를 저장하고, 런치 노트를 훑고, 패턴 카드를 비교하는 디자인 작업대입니다.
눈에 띄는 장식보다, 실제 제품에서 바로 쓸 수 있는 구조를 우선했습니다.
카드 4개
처음 진입했을 때 바로 찾을 수 있어야 합니다. 칩, 필터, 검색창을 하나의 레이어로 묶으면 탐색이 빨라집니다.
런치 화면은 이야기가 아니라 박자입니다. 제목은 크고, 메타는 짧고, 보조 설명은 한 단계 내려야 읽힘이 살아납니다.
색은 한 줄, 그림자는 얇게, 여백은 넉넉하게. 과한 장식 없이도 제품이 충분히 단단해 보입니다.
오른쪽에 고정된 보조 레일이 메인 그리드의 밀도를 받쳐 줍니다. 정보가 많아도 시선이 흩어지지 않습니다.
베타 스테이지의 리듬을 담되, 과하게 스타트업스럽지 않게 정리했습니다.
최근 4건
| 제품 | 신호 | 왜 중요한가 | 규모 |
|---|---|---|---|
| Orbit Notes 런치 기록을 카드로 정리 |
메타가 짧고 선명 | 카드와 테이블 사이의 간격이 충분하면 정보를 빠르게 읽습니다. | 01 |
| Studio Line 검색이 곧 탐색 |
필터가 먼저 보임 | 첫 줄에서 길을 보여 주면, 복잡한 내용도 부담이 덜합니다. | 03 |
| Quiet Beta 심플하지만 제품 같다 |
뉴트럴 베이스 | 과한 색 대신 텍스처와 위계가 중심을 잡아 줍니다. | 02 |
| Deep Rail 오른쪽 메모 영역 |
고정 컨텍스트 | 부가 정보가 옆에서 따라오면 메인 플로우가 더 안정적입니다. | 01 |