트렌드 아틀라스
디자인 신호를 모으는 조용한 작업대
오늘의 소스 혼합: Mobbin + PitchWall + shadcn/ui

검색은 촘촘하게, 화면은 차분하게

Mobbin의 검색 밀도, PitchWall의 런치 리듬, shadcn/ui의 절제된 시스템을 합쳐서 만들었습니다. 이 화면은 팀이 레퍼런스를 저장하고, 런치 노트를 훑고, 패턴 카드를 비교하는 디자인 작업대입니다.

12 큐레이션한 패턴 단위. 검색, 카드, 테이블, 인사이트 레일로 나뉘어 있습니다.
3 오늘의 레퍼런스 묶음. 서로 다른 톤을 하나의 제품 언어로 묶었습니다.
2 라이트와 다크 모두 같은 품질로 유지되도록 토큰을 분리했습니다.

트렌드 카드

눈에 띄는 장식보다, 실제 제품에서 바로 쓸 수 있는 구조를 우선했습니다.

카드 4개

Mobbin 감도

검색 우선 구조

처음 진입했을 때 바로 찾을 수 있어야 합니다. 칩, 필터, 검색창을 하나의 레이어로 묶으면 탐색이 빨라집니다.

searchchipsgrid
PitchWall 리듬

헤드라인과 메타의 박자

런치 화면은 이야기가 아니라 박자입니다. 제목은 크고, 메타는 짧고, 보조 설명은 한 단계 내려야 읽힘이 살아납니다.

headlinemetalaunch
shadcn/ui 문법

절제된 시스템 언어

색은 한 줄, 그림자는 얇게, 여백은 넉넉하게. 과한 장식 없이도 제품이 충분히 단단해 보입니다.

tokenssurfacetypography
새 시도

스티키 인사이트 레일

오른쪽에 고정된 보조 레일이 메인 그리드의 밀도를 받쳐 줍니다. 정보가 많아도 시선이 흩어지지 않습니다.

railstickyfocus

최근 런치 노트

베타 스테이지의 리듬을 담되, 과하게 스타트업스럽지 않게 정리했습니다.

최근 4건

제품 신호 왜 중요한가 규모
Orbit Notes
런치 기록을 카드로 정리
메타가 짧고 선명 카드와 테이블 사이의 간격이 충분하면 정보를 빠르게 읽습니다. 01
Studio Line
검색이 곧 탐색
필터가 먼저 보임 첫 줄에서 길을 보여 주면, 복잡한 내용도 부담이 덜합니다. 03
Quiet Beta
심플하지만 제품 같다
뉴트럴 베이스 과한 색 대신 텍스처와 위계가 중심을 잡아 줍니다. 02
Deep Rail
오른쪽 메모 영역
고정 컨텍스트 부가 정보가 옆에서 따라오면 메인 플로우가 더 안정적입니다. 01