What U Up — 디자인 라이브러리

apple

구조 시안

전체 폭 제품 쇼케이스와 밝고 어두운 타일 교차 · 44px 내비게이션 · 56px 디스플레이 · 파란 pill 동작 · 이미지 중심 편집과 별도의 서비스 유틸리티 그리드

전체 미리보기 ↗

airbnb

구조 시안

분절형 검색 pill과 원형 검색 버튼 · 실제 검색/카테고리 필터 · 이미지 우선 탐색 카드와 이미지 아래 짧은 메타데이터 · 80px 탐색 내비게이션 · 낮은 제목 위계 · 넓은 카드 간격

전체 미리보기 ↗

linear.app

구조 시안

밀도 높은 제품형 디렉터리와 업무 영역 사이드바 · 서비스명·설명 실시간 검색과 분류 필터 · 절제된 다크 표면 계층과 라벤더 포커스 체계

전체 미리보기 ↗

mintlify

구조 시안

실제 문서형 3열 구조: 분류 사이드바 · 읽기 본문 · 페이지 목차 · 상단 검색과 좌측 분류가 같은 서비스 목록을 실시간으로 좁힘 · 문서용 밀도·모노 라벨·초록 활성 상태를 정보 위계에만 사용

전체 미리보기 ↗

nike

구조 시안

전면 캠페인 비주얼과 압축된 대문자 헤드라인 · 분류 pill과 3열 제품 카탈로그를 잇는 쇼핑 흐름 · 검색·분류가 실제 22개 서비스 목록을 즉시 좁히는 탐색

전체 미리보기 ↗

pinterest

구조 시안

검색 중심 sticky chrome과 둥근 아이디어 필터 · 서로 다른 높이의 카드가 흐르는 6열 masonry 보드 · 22개 서비스의 실제 설명·분류를 보존한 시각 탐색

전체 미리보기 ↗

supabase

구조 시안

분할형 개발자 히어로와 실제 제품 콘솔을 연상시키는 단일 작업 예시 · 동일 카드 반복 대신 폭이 교차하는 제품 패널 인덱스 · 검색·분류 후 각 패널에서 설명을 읽고 실제 서비스로 바로 이동

전체 미리보기 ↗

theverge

구조 시안

세로 워드마크·대형 대표 서비스·빠른 목록을 한 전면에 배치한 뉴스룸 구조 · 현행 밝은 캔버스와 보라색 탭을 기준으로 재해석한 강한 편집 대비 · 분야별 대형 제목과 대표 카드가 반복되는 색면 디렉터리

전체 미리보기 ↗

vercel

구조 시안

첫 화면에서 서비스 인덱스가 바로 시작되는 증거 중심 구성 · 데스크톱 12열, 태블릿 6열, 모바일 4열로 재배치되는 공통 그리드 · 카드 장식 없이 정렬, 타이포그래피, 헤어라인으로 만든 단색 운영 문서

전체 미리보기 ↗

wired

구조 시안

중앙 대형 표제와 좌우 편집 목록이 맞물리는 3열 매거진 전면 · 사각 워드마크·응축 제목·세리프 설명으로 분리한 편집 타이포 위계 · 모바일에서 대표 기사를 먼저 읽고 선택·전체 목록이 이어지는 재배열

전체 미리보기 ↗

색이 아닌,구조를 고르다.

구성이 달라지면, 경험도 달라져요.

apple

airbnb

linear.app

mintlify

nike

pinterest

supabase

theverge

vercel

wired

airtable

binance

bmw

bmw-m

bugatti

cal

claude

clay

clickhouse

cohere

coinbase

composio

cursor

dell-1996

elevenlabs

expo

ferrari

figma

framer

hashicorp

hp

ibm

intercom

kraken

lamborghini

lovable

mastercard

meta

minimax

miro

mistral.ai

mongodb

nintendo-2001

notion

nvidia

ollama

opencode.ai

playstation

posthog

raycast

renault

replicate

resend

revolut

runwayml

sanity

sentry

shopify

slack

spacex

spotify

starbucks

stripe

superhuman

tesla

together.ai

uber

vodafone

voltagent

warp

webflow

wise

x.ai

zapier

색이 아닌,
구조를 고르다.