다양한 필터 기능을 통해 원하는 디자인 리소스를 쉽게 찾을 수 있습니다. 상단 네비게이션 메뉴의 탐색하기를 클릭하면 페이지가 열리며, 좌측에 필터 사이드바가 표시되고 우측에는 선택된 필터에 따른 아이템 리스트가 나타납니다.
검색어 필터
- 원하는 검색어 키워드를 입력하고 엔터 키를 누르거나 돋보기 아이콘을 클릭하여 해당 검색어에 일치하는 아이템들을 검색할 수 있습니다.
- 현재 설정된 언어와 영어로 검색이 가능합니다. 예를 들어, 리스트뷰에서는 제목이 현재 적용된 언어로 번역되어 표시되지만, 검색할 때는 현재 언어나 영어로 입력해도 해당 요소를 찾을 수 있습니다.
라이센스 필터
스타트업풀의 리소스 중 일부는 무료로 제공되며, 나머지는 멤버십에 가입해야 사용할 수 있습니다. 라이센스 필터를 통해 이를 구분할 수 있습니다.
-
Free: 무료로 사용할 수 있는 아이템들만 표시됩니다.
-
Membership: 유료 멤버십 가입자에게 제공되는 아이템들만 표시됩니다.
테마 지원 필터
리소스 아이템들은 대부분 다크모드를 지원하지만, 일부는 다크모드가 지원되지 않을 수 있습니다. 테마 지원 필터를 통해 다음과 같이 분류할 수 있습니다.
-
Dark Support: 다크모드를 지원하는 아이템들만 필터링합니다.
-
Light Only: 다크모드가 지원되지 않는 아이템들만 필터링합니다.
카테고리 필터
스타트업풀의 디자인 리소스는 5가지 주요 카테고리로 구분됩니다.
-
패키지: 특정 스타일이나 테마에 맞춰 일관성 있는 페이지 묶음.
예) 럭셔리 이커머스 테마, 브랜드 스토리, 상품 리스트 등
-
페이지: 웹사이트의 주요 페이지 구조로 단일 페이지 형태로 제공.
예) 랜딩 페이지, 소개 페이지 등
-
레이아웃: 페이지의 큰 뼈대 역할을 하는 기본 구조 요소들.
예) 헤더, 푸터, 사이드바 등
-
컴포넌트: 다양한 레이아웃에 유연하게 적용 가능한 재사용 엘리먼트.
예) CTA, 리뷰, 특징 섹션 등
-
엘리먼트: 텍스트, 버튼, 입력폼 등 기본 디자인 요소.
예) 텍스트, 버튼, 입력폼 등
-
애니메이션: 특정 카테고리에 속하지 않는 인터랙티브 애니메이션 요소.
예) Text 애니메이션, Scroll 애니메이션 등
디테일 필터
디테일 필터는 카테고리에 종속된 서브 카테고리로, 더욱 세분화된 디자인 요소를 찾고자 할 때 사용할 수 있습니다.
기술 스택 필터
모든 템플릿은 Tailwind CSS를 사용하므로 이 필터는 제외되었으며, 그 외에 특정 기술 스택을 이용한 아이템들을 필터링할 수 있습니다. 예를 들어:
-
JavaScript, Alpine.js, GSAP, Three.js 등의 라이브러리와 특정 기술 스택을 사용하여 제작된 아이템들을 필터링하여 선택할 수 있습니다.
이와 같은 다양한 필터를 통해 사용자가 원하는 조건에 맞는 디자인 리소스를 쉽게 찾을 수 있도록 지원하고 있습니다.