콘텐츠 카탈로그형 구조
많은 항목을 분류·검색·정렬로 탐색하고 상세로 들어가는 구조. 콘텐츠 양이 곧 가치라 목록 페이지가 홈이 된다.
첫 화면 상단에 두는 것
- 카드 그리드8건 중 6건
- 검색바8건 중 6건
- 필터·정렬8건 중 5건
- 히어로8건 중 5건
- CTA8건 중 1건
- 핵심 가치8건 중 1건
자주 쓰는 기능
- 필터8건 중 8건
- 검색8건 중 7건
- 로그인·계정8건 중 5건
- 정렬8건 중 5건
- 페이지네이션8건 중 3건
- 공유8건 중 3건
레퍼런스 8건
Notion 마켓플레이스(템플릿)
홈 상단에 종류 탭(템플릿·스킬·에이전트·컨설턴트)과 검색바를 한 줄로 두고, 아래는 추천 카드와 '분류 이름 + 템플릿 개수' 카드를 번갈아 쌓아 분류 페이지로 흘려보낸다. 분류 페이지는 경로 표시 → 제목·설명 → 필터 4개(제작자·가격·언어·정렬) → 카드 그리드 → 번호 페이지 → FAQ 순이다. 상세는 미리보기 옆에 설명·분류·공유를 두고 화면 아래에 '템플릿 사용하기' 버튼을 고정한 채, 평점·리뷰와 같은 제작자·비슷한 템플릿으로 이어진다.
Lucide
홈은 짧은 랜딩이지만 제목 바로 밑에 아이콘 검색바를 넣어 목록으로 곧장 들어가게 한다. 목록 페이지는 왼쪽에 색·굵기·크기 조절기와 분류 목록을 고정하고 오른쪽에 검색바 + 아이콘 격자를 두며, 조절값이 격자 전체에 즉시 반영된다. 상세로 가도 왼쪽 패널은 그대로 남고, 복사 버튼과 '비슷한 아이콘' 탭이 붙는다.
만개의레시피
머리말에 큰 검색바와 인기 검색어를 고정하고, 홈은 주제별 가로 캐러셀(모음·TV레시피·쉐프·명예의전당·동영상·매거진)을 여러 단 쌓은 뒤 분류표와 베스트 순위로 끝난다. 분류 페이지는 종류·상황·재료·방법 네 축을 한 번에 펼쳐 놓고 조합해 거르게 하며 번호 페이지로 넘긴다. 상세는 재료 → 조리순서 → 후기·댓글 뒤에 연관 레시피 묶음을 길게 붙여 이탈을 막는다.
눈누
홈에 소개 문구 없이 바로 폰트 카드 묶음(유료 마켓·신규 추천·바탕체·고딕체)이 이어지고, 맨 아래에 '모든 폰트 보기' 버튼 하나로 전체 목록에 보낸다. 카드마다 미리보기 문구를 직접 고쳐 써 볼 수 있고, 목록 페이지에서는 문구·크기를 한 번 넣으면 모든 카드에 반영된다. 상세 페이지는 미리 써보기 → 라이선스 표 → 비슷한 폰트 → 웹폰트 코드 순으로 '써도 되는지'를 먼저 답한다.
웹기술 도감
웹 기능 1,600여 개를 Baseline 지원 상태와 함께 검색·카테고리·페이지네이션으로 탐색하는 도감. 홈 상단에 큐레이션 데모("이렇게까지 된다")를 배치해 카탈로그 진입 전에 흥미를 만든다.
AI 용어 사전
AI 용어 91개를 대주제 분류·검색으로 탐색하는 사전. 본문 안의 용어가 위키식으로 자동 링크되고, 용어 사이 관계를 그래프 페이지로 시각화한 것이 차별점. 백링크로 항목 간 순환 탐색을 만든다.
프롬프트 · 개발 패턴 허브
프롬프트·개발 패턴을 카테고리별 목록으로 탐색하고 상세에서 복사해 가는 카탈로그. 커뮤니티 제출 폼과 관리자 검수로 콘텐츠가 늘어나는 구조가 특징.
Color 심리테스트
심리테스트 28종을 유형 필터와 인기·트렌디 정렬로 고르는 카탈로그. 실행 페이지는 문항 진행 → 결과 화면 구조이고, 결과가 색상 카드라 공유가 자연스럽다. 결과 유형 페이지를 개별 URL로 분리해 롱테일 검색을 받는다.