프레임워크 해부
프레임워크는 4개 레이어로 이뤄져요
홈소개서비스문의
페이지 구성
홈/소개/서비스/문의 트리
herocardsfaq
섹션 레이아웃
hero split / 3열 카드 / 로고 스트립 / FAQ
색 5폰트 2radius
스타일 토큰
색 5 · 폰트 2 · radius · 그림자
해요체fade-up
카피 톤 & 모션
해요체, 짧은 문장, 페이드업
라이브러리
업종·목적·스타일별로 골라 쓰세요
18개 업종
업종별 큐레이션
기업·경영, 앱·SaaS, 라이프스타일, 패션·화장품, 뷰티샵, 병의원, 법률·세무, 피트니스, 건설·인테리어, 외식업 외 8종
목적스타일
목적·스타일 필터
상담·예약 / 포트폴리오 / 안내 / 커머스 × 미니멀 / 볼드 / 따뜻한 / 럭셔리 / 플레이풀 / 테크
레퍼런스로 시작
좋아하는 사이트의 "구성과 스타일"만 가져오세요
텍스트·이미지·로고는 가져오지 않고, 레이아웃·토큰·섹션 패턴만 추출합니다.
https://
① URL 또는 스크린샷 입력Growth
참고할 사이트 주소나 캡처를 넣어요.
분석 중
② AI가 구성·스타일 추출
레이아웃·토큰·섹션 패턴을 분석해요.
private
③ 내 비공개 프레임워크로 저장
나만 쓰는 프레임워크로 등록돼요.
프레임워크 안에 든 것
구조는 이미 준비되어 있어요
heropricing
섹션 패턴 300+
hero 12종, 피처 그리드 8종, 가격표 5종, FAQ 3종…
ContactForm
플랫폼 블록 연결
입력폼·예약·상품·블로그 자리가 블루프린트에 미리 지정
390px
모바일 규칙
브레이크포인트별 스택·숨김 규칙 내장
FAQ
자주 묻는 질문
Q.프레임워크와 템플릿은 무엇이 다른가요?
템플릿은 완성본 복제이고, 프레임워크는 규칙입니다. 규칙을 따라 내 콘텐츠로 새로 생성하기 때문에 결과물이 서로 달라요.
Q.프레임워크는 누가 만드나요?
운영자가 직접 큐레이션하거나 레퍼런스에서 AI가 추출한 초안을 검수해 등록합니다.
Q.레퍼런스 사이트의 저작권은 괜찮나요?
텍스트·이미지·로고는 저장·재사용하지 않고 구성·레이아웃·스타일 규칙만 추출합니다. 생성물이 지나치게 유사하면 변형을 강제해요.
Q.추출 정확도는 어느 정도인가요?
섹션 패턴 매칭과 토큰 정규화 후 신뢰도를 함께 보여주며, 운영자 검수를 거쳐 공개 프레임워크가 됩니다.
Q.프레임워크를 나중에 바꿀 수 있나요?
스튜디오에서 리스킨으로 교체할 수 있어요. 레이아웃이 다르면 해당 페이지를 재생성합니다.