문제
홈페이지 하나에 몇 주, 라이브러리는 덕지덕지.
그러는 사이 접근성·GEO는 늘 뒷전이 되죠. 그래서 — 검증된 블록으로 며칠 만에.
Findable은 모든 사이트를 0에서 만들지 않습니다. 검증된 라이브 컴포넌트 50여 개 — 버튼·모션·폼·GEO 도구 — 를 조립합니다. 전부 외부 라이브러리 0, 접근성·reduced-motion·GEO 내장.
01 / BUTTONS
버튼
특수 효과 8종 + 마그네틱·리플 + 상태 전이. 전부 transform·opacity 기반.
02 / MOTION
모션
스태거·텍스트 리빌·이징. 시선을 안내하되 어지럽지 않게.
기획디자인개발카피SEOGEO
찾아지는 홈페이지를 한 팀이 만듭니다
linear
ease-out
spring
03 / CARDS
카드 인터랙션
포인터 반응 3D 틸트 · 앞뒤 두 면 플립.
DEPTH
입체감
레이어별 깊이.
LIGHT
광원 추적
포인터 따라 하이라이트.
MOTION
부드러운 모션
이징 곡선.
SEARCH검색에 발견
구글·네이버 + 스키마
AI답변에 인용
answer block · llms.txt
CONVERT문의로 전환
흐름 · 폼 · 버튼
04 / TYPE · COLOR
타이포 · 컬러
타입 플레이그라운드 · WCAG 대비 검사기 · 테마 전환.
검색과 AI 답변에 찾아지는 홈페이지.
가나다 ABC 123
대비 0:1
FINDABLE
토큰만 바꾸면 리브랜딩
같은 구조에 색 토큰만 교체.
05 / MODERN
레이아웃 · 최신 기술
컨테이너 쿼리 · View Transitions API.
◆
적응형 카드
컨테이너 너비에 반응(뷰포트 무관).
검색에 발견
// View Transitions API · 미지원 시 즉시 전환
06 / FORMS
입력 · 피드백
인라인 검증 · 토스트 알림.
07 / TOOLS
전환 도구
SERP 미리보기 · 요금 토글 · 라이브 필터 · INP 측정.
find-ables.com › insights
제목을 입력하세요
설명을 입력하세요
스타터
월 단위
- 베스포크 1~5p
그로스
월 단위
- GEO 풀스택
스케일
맞춤
- 운영 동행
GEO/AEO
SEO
폼 설계
속도·성능
모바일
접근성
검색 결과가 없어요
버튼을 눌러 반응 시간을 측정해 보세요.
조립 가능
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "내 브랜드",
"sameAs": ["https://instagram.com/...", "https://blog.naver.com/..."]
}