본문으로 건너뛰기
ASSETby WEMASHUP
레퍼런스 관리

디자인 팩 372

만들려는 페이지에 맞는 사례를 찾고, 참고할 원리를 비교하세요.

초기화

검색 결과 372개

팩당 분석 1건 / 페이지당 10개
Stripe 원본 사이트 히어로 캡처8개 섹션 보기
SaaS, 개발·AI, 금융

Stripe

유려한 컬러 리본 히어로와 모듈형 금융 제품 벤토, 글로벌 거래량 지구본 시각화, 엔터프라이즈·스타트업·SaaS 플랫폼별 사례, 개발자 아키텍처 도식을 집대성한 결제 인프라 홈입니다.

화면 역할
마케팅 홈, 제품 소개
주요 패턴
CTA, 신뢰·근거, 연동·파트너, 제품 시연, 푸터, 히어로
분석 보기 →이미지·분석 보관
Studio Emmerer 원본 사이트 히어로 캡처3개 섹션 보기
디자인·크리에이티브

Studio Emmerer

건축사무소 소개·대표 사진과 프로젝트 목록을 한 화면에서 연결하는 사례입니다.

화면 역할
마케팅 홈, 탐색·목록
주요 패턴
기능 그리드, 제품 시연, 히어로
분석 보기 →이미지·분석 보관
Studio HEED 원본 사이트 히어로 캡처2개 섹션 보기
디자인·크리에이티브, 브랜드

Studio HEED

짧은 스튜디오 소개와 다양한 크기의 프로젝트 이미지를 연결하는 포트폴리오 사례입니다.

화면 역할
마케팅 홈, 탐색·목록
주요 패턴
기능 그리드, 히어로
분석 보기 →이미지·분석 보관
Supabase 원본 사이트 히어로 캡처8개 섹션 보기
SaaS, 개발·AI

Supabase

Postgres 데이터베이스·인증·엣지 함수·스토리지·벡터 기능을 7칸 벤토 그리드와 대시보드 화면, 프레임워크 코드 예시, 오픈소스 지표로 정돈한 백엔드 플랫폼 홈입니다.

화면 역할
마케팅 홈, 제품 소개
주요 패턴
CTA, 기능 그리드, 신뢰·근거, 연동·파트너, 제품 시연, 푸터, 히어로
분석 보기 →이미지·분석 보관
Super 원본 사이트 히어로 캡처5개 섹션 보기
SaaS, 디자인·크리에이티브, 생산성 도구

Super

노션의 단순한 블록 문서가 우아한 반응형 웹사이트로 즉시 탈바꿈하는 비포/애프터 비교 뷰를 통해 노션 유저의 웹 퍼블리싱 니즈를 적중시킵니다.

화면 역할
마케팅 홈, 제품 소개
주요 패턴
CTA, 기능 그리드, 신뢰·근거, 제품 시연, 히어로
분석 보기 →이미지·분석 보관
Superhuman 원본 사이트 히어로 캡처5개 섹션 보기
AI, SaaS, 생산성 도구

Superhuman

고급스러운 다크 네이비와 퍼플 액센트, 고대비 타이포그래피를 결합하여 이메일 클라이언트를 프리미엄 생산성 플랫폼으로 격상시켰습니다.

화면 역할
마케팅 홈, 제품 소개
주요 패턴
CTA, 기능 그리드, 신뢰·근거, 제품 시연, 히어로
분석 보기 →이미지·분석 보관
Superlist 원본 사이트 히어로 캡처6개 섹션 보기
SaaS, 생산성 도구

Superlist

업무와 일상의 경계를 허무는 태스크 매니저를 감각적인 3D 그래픽, 라이트/다크 모드 인터랙티브 토글, 세련된 타이포그래피로 구현한 차세대 할 일 앱 홈입니다.

화면 역할
마케팅 홈, 제품 소개
주요 패턴
기능 그리드, 신뢰·근거, 제품 시연, 푸터, 히어로
분석 보기 →이미지·분석 보관
Supernotes — 현대적인 인터페이스와 디지털 프로덕트 UX 원본 사이트 히어로 캡처5개 섹션 보기
SaaS, 생산성 도구, 협업 도구

Supernotes — 현대적인 인터페이스와 디지털 프로덕트 UX

Supernotes의 공식 랜딩 페이지는 명확한 시각적 위계와 세련된 컴포넌트 설계를 통해 핵심 솔루션의 가치를 직관적으로 전달합니다. 불필요한 장식을 배제하고 핵심 인터랙션과 실제 프로덕트 인터페이스를 전면에 배치하여 사용자 신뢰도를 극대화했습니다.

화면 역할
마케팅 홈, 제품 소개
주요 패턴
CTA, 기능 그리드, 신뢰·근거, 제품 시연, 히어로
분석 보기 →이미지·분석 보관
Superset 원본 사이트 히어로 캡처7개 섹션 보기
개발·AI, 금융, 브랜드

Superset

데이터·AI 특화 벤처 스튜디오의 공동 창업 철학과 Ideate·Co-found·Fund·Scale 4단계 빌딩 프로세스, 창업자 추천사 및 포트폴리오 그리드를 명쾌한 색면 대비로 구성한 기업 홈입니다.

화면 역할
마케팅 홈, 제품 소개
주요 패턴
구독, 기능 그리드, 신뢰·근거, 제품 시연, 푸터, 히어로
분석 보기 →이미지·분석 보관
Svelte 원본 사이트 히어로 캡처5개 섹션 보기
개발·AI, 오픈소스

Svelte

시그니처 오렌지 포인트 컬러와 함께 브라우저에서 직접 실행되는 인터랙티브 코드 편집기를 통해 가상 돔 없는 프레임워크의 속도와 간결함을 각인시킵니다.

화면 역할
마케팅 홈, 제품 소개
주요 패턴
CTA, 기능 그리드, 신뢰·근거, 제품 시연, 히어로
분석 보기 →이미지·분석 보관
카드에서 최대 3개를 선택해 비교하세요.

UIZZE 원본 파일은 보관하지 않습니다. 팩의 캡처 정보와 현재 원본 사이트의 관찰은 각 분석에서 구분합니다.

직접 복사하기

복사가 허용되지 않았습니다. 아래 내용을 선택해 복사하세요.

섹션 이미지

원본 사이트 ↗