머리글, 히어로, 로그인처럼 바로 쓰는 화면 단위 35개예요. 블록이 쓰는 컴포넌트까지 한 번에 설치돼요.
가운데, 분할, 미니멀 세 가지 모양의 첫 화면 소개 섹션이에요.
가운데 정렬, 좌우 분할, 배너 세 가지 모양으로 행동을 유도하는 섹션이에요.
아코디언, 분류 열, 검색 세 가지 방식으로 질문과 답을 보여 주는 섹션이에요.
고객사 로고가 옆으로 흘러가는 띠이고 색상 또는 단색으로 보여 줘요.
월간과 연간 결제를 바꿔 가며 두 요금제의 기능을 견줘 보는 블록이에요.
여러 제품을 항목별로 비교하고 차이만 모아 볼 수 있는 표예요.
핵심 숫자를 보이면 올라가듯 세어 주는 통계 영역이에요.
제목과 짧은 항목들을 카드로 늘어놓는 영역이에요. 번호를 매겨 단계로도 쓸 수 있어요.
문의 양식, 연락 채널, 지점 안내 중에서 고를 수 있는 연락처 섹션이에요.
이메일을 받아 구독을 확인해 주고 지난 호를 겹쳐 보여 주는 가입 블록이에요.
카테고리 필터와 페이지 나누기가 있는 글 카드 목록이에요.
월별로 새 기능, 개선, 수정을 나눠 보여 주는 업데이트 소식 목록이에요.
이메일 코드, 패스키, 소셜 계정으로 단계에 따라 로그인하는 블록이에요.
패스키, 이메일 코드, 소셜 로그인을 단계별로 안내하는 로그인 화면이에요.
입력을 검사하고 소셜 가입도 지원하며 완료 화면으로 바뀌는 가입 양식이에요.
가운데 놓이는 로그인 패널이에요. 제공자 버튼을 세로로 쌓아요.
검색해서 명령을 찾고 키보드로 바로 실행하는 팔레트예요.
끌어다 놓거나 골라서 올리고 진행률과 오류를 보여 주는 업로드 블록이에요.
전체와 안 읽음으로 나눠 알림을 보고 읽음 표시나 삭제를 하는 팝오버예요.
인증 코드를 칸마다 한 글자씩 입력하고 붙여 넣기도 되는 입력 블록이에요.
결과 없음, 오프라인 등 네 가지 빈 상태를 일러스트와 함께 보여 주는 블록이에요.
페이지를 찾지 못했을 때 보여 주는 블록이에요. 4, 0, 4를 도형으로 쓴 일러스트와 돌아갈 길을 함께 안내해요.
코멘트를 쓰는 상자예요. 남은 글자 수, 등록 버튼, 동의 안내가 함께 있어요.
검색, 보기 범위, 접히는 분류가 있는 문서 왼쪽 메뉴예요.
npm, pnpm, yarn, bun 탭으로 설치 명령을 보여 줘요. 고른 것을 기억해요.
파일 탭으로 여러 소스를 보여 주고, 긴 파일은 접어 둬요.
기기 프리셋과 끌어서 조절하는 손잡이가 있는 미리보기 틀이에요.
테마의 색 견본과 토큰 표를 라이트·다크 나란히 보여 줘요.
기본, 가운데 정렬, 메가 메뉴 세 가지 모양의 사이트 상단 내비게이션이에요.
검색·언어·테마·계정을 꽂을 액션 슬롯이 있는 상단 바예요. 스크롤하면 떠 있는 바로 바뀌어요.
좁은 화면에서 헤더 메뉴를 여는 서랍이에요. 링크, CTA, 설정 줄, 계정이 한 덩어리로 들어가요.
소리, 화면 모드, 시즌 테마, 글자 크기, 움직임을 한 서랍에 모은 설정 블록이에요. 언어나 계정 같은 묶음도 더할 수 있어요.
열 링크, 미니멀, 로고 세 가지 모양의 사이트 하단 영역이에요.
전자상거래법 표시 의무에 맞춘 푸터의 사업자 정보 블록이에요.
스크롤하면 줄어들고 좁아지면 보조 동작을 더보기로 접는 페이지 머리글이에요.
