인증 폼
보기
비주얼 분할 화면 로그인
한쪽에는 입력 폼, 다른 한쪽에는 브랜드 비주얼 이미지
286개 프롬프트 · 15개 카테고리 (한국어 번역본)
바이브 코더를 위한
UI 프롬프트 라이브러리
AI 코딩 도구(Cursor, Claude, v0, Bolt 등)를 위한 엄선된 레이아웃 프롬프트 모음입니다.
원하는 섹션을 찾아 프롬프트를 복사하고 AI에 입력하면, 즉시 깔끔하고 반응형인 Tailwind CSS 마크업을 얻을 수 있습니다.
전체
286개 프롬프트
인증 폼
보기
중앙 카드 회원가입
모달에도 잘 어울리는 심플한 박스형 폼
인증 폼
보기
일회용 인증번호 (OTP) 입력
6자리 숫자 인증번호 간편 입력창
인증 폼
보기
매직 링크 로그인 요청
비밀번호 없는 이메일 매직링크 로그인 카드
인증 폼
보기
보안도 측정 비밀번호 재설정
실시간 보안 조건 검증 비밀번호 재설정 폼
인증 폼
보기
QR코드 기반 2단계 인증 설정
OTP 인증기 등록 및 백업 코드 보관 화면
인증 폼
보기
워크스페이스 SSO 로그인 게이트
이메일 입력 후 SSO 또는 비밀번호 선택 게이트
인증 폼
보기
패스키 로그인 및 비밀번호 대체
생체 인증 우선 시도 및 비밀번호 대체 지원
인증 폼
보기
계정 선택기
로그인된 계정 선택 또는 다른 계정 추가
인증 폼
보기
새 기기 로그인 승인 알림
다른 기기에서의 로그인 시도 승인/차단 안내
인증 폼
보기
워크스페이스 팀 초대 수락
이메일 초대 링크를 통한 팀 참여 화면
인증 폼
보기
이메일 인증 및 재전송 타이머
재전송 쿨다운 타이머가 적용된 대기 화면
인증 폼
보기
OAuth 권한 승인 동의 화면
앱 권한 범위별 단계적 접근 승인 동의 화면
인증 폼
보기
계정 잠금 및 복구 안내
로그인 시도 초과 안내 및 본인 확인 복구 경로
인증 폼
보기
활성 세션 관리자
로그인된 모든 기기 목록 및 원격 로그아웃 관리
인증 폼
보기
게스트 / 회원 주문 게이트
로그인 장벽을 넘는 세 가지 주문/결제 경로
인증 폼
보기
플랜 요약 포함 무료 체험 가입
왼쪽엔 가입 폼, 오른쪽엔 플랜 혜택 요약
요금제
보기
하이라이트 적용 3단 요금제
가운데 대표 플랜이 돋보이는 클래식 3단 구성
요금제
보기
단일 핵심 플랜 강조 요금제
월간/연간 토글이 포함된 단일 핵심 플랜 강조
요금제
보기
기능 비교 상세 테이블
플랜별 상세 기능 지원 매트릭스 테이블
요금제
보기
사용량 기반 견적 계산기
종량제 사용량을 조절하는 인터랙티브 슬라이더
요금제
보기
기본 플랜 및 애드온 옵션
기본 요금에 원하는 모듈을 추가하는 구성
요금제
보기
크레딧 팩 충전 옵션
대량 구매 할인이 적용된 크레딧 팩 구성
요금제
보기
현지 통화 환산 요금제
선택한 국가 통화로 자동 환산되는 요금제
요금제
보기
사용자 수(Seat)별 수량 증감 요금제
팀 규모 인원수에 따라 실시간 계산되는 요금
요금제
보기
플랜 변경 및 일할 계산 미리보기
플랜 업그레이드 시 오늘 결제될 일할 계산 금액
요금제
보기
슬라이더 조절 인터랙티브 플랜
슬라이더를 드래그하여 알맞은 플랜 찾기
요금제
보기
영구 라이선스 vs 정기 구독 비교
구독형과 영구 소장형의 장단점 나란히 비교
요금제
보기
엔터프라이즈 맞춤 견적 요청
상담 신청 폼이 결합된 기업 전용 플랜 안내
요금제
보기
모듈 번들 직접 구성하기
필요한 부품만 체크하여 최종 금액 산출
요금제
보기
마켓플레이스 거래 수수료 등급
거래량이 늘어날수록 낮아지는 수수료율 체계
요금제
보기
자율 후원 슬라이딩 요금제
프로젝트의 가치만큼 자유롭게 후원하는 방식
요금제
보기
디바이스 결합 약정 요금제
단말기 일시불 또는 약정 분납 가격 구성
요금제
보기
특별 할인 프로그램 안내
학생, 비영리단체 등 자격 대상자 특별 할인
기능 / 벤토
보기
벤토 그리드 레이아웃
다양한 크기의 비대칭 타일로 구성된 벤토 레이아웃
기능 / 벤토
보기
3열 아이콘 기능 소개
아이콘 + 제목 + 본문의 깔끔한 3열 그리드
기능 / 벤토
보기
지그재그 교차 기능 쇼케이스
텍스트와 이미지가 좌우 번갈아 나타나는 구성
기능 / 벤토
보기
탭 전환 기능 브라우저
자바스크립트 없이 CSS로 부드럽게 전환되는 탭
기능 / 벤토
보기
그룹화된 기능 체크리스트
한눈에 들어오는 알찬 4열 기능 색인표
기능 / 벤토
보기
도입 전/후 비교 스플릿
기존 방식과 새로운 솔루션의 직관적인 좌우 비교
기능 / 벤토
보기
스크롤 스냅 기능 캐러셀
화살표와 인디케이터 도트가 포함된 넘김형 카드
기능 / 벤토
보기
필터 지원 연동 서비스 디렉터리
용도별로 분류된 검색 지원 연동 서비스 로고 월
기능 / 벤토
보기
고정 비주얼 및 스크롤 단계 가이드
스크롤하는 동안 주요 비주얼이 고정되는 연출
기능 / 벤토
보기
마우스 오버 미리보기 기능 목록
왼쪽 목록에 마우스를 올리면 오른쪽 패널 전환
기능 / 벤토
보기
보안 및 규정 준수 인증 패널
보안 인증 마크와 신뢰 센터 링크 안내
기능 / 벤토
보기
언어별 탭 제공 API 코드 블록
개발자를 위한 다국어 코드 스니펫 탭 블록
기능 / 벤토
보기
공개 제품 로드맵 3열 보드
완료, 진행 중, 검토 중 3단계 제품 로드맵
기능 / 벤토
보기
직접 개발 vs 솔루션 도입 비용 비교
직접 구축 대비 솔루션 도입의 실제 비용 비교
기능 / 벤토
보기
플랫폼별 지원 현황 매트릭스
웹, 모바일, 데스크톱, CLI 지원 현황 표
기능 / 벤토
보기
접근성 준수 약속 및 안내
웹 접근성 준수 기준 및 지원 현황 안내
기능 / 벤토
보기
시스템 아키텍처 흐름도
박스와 화살표로 데이터 흐름을 표현한 다이어그램
히어로 섹션
보기
중앙 정렬 대형 헤드라인 히어로
대형 폰트 헤드라인과 서브 카피, 듀얼 액션 버튼
히어로 섹션
보기
화면 스크린샷 결합 스플릿 히어로
왼쪽 텍스트 설명, 오른쪽 실제 제품 화면
히어로 섹션
보기
방사형 그라데이션 스포트라이트 히어로
은은한 방사형 빛이 맴도는 모던 다크 히어로
히어로 섹션
보기
좌측 정렬 카피 & 하단 통계 히어로
에디토리얼 카피 아래에 배치된 핵심 통계 수치
히어로 섹션
보기
사전 등록 & 사용자 추천 히어로
이메일 신청 폼과 겹쳐진 실제 사용자 아바타
히어로 섹션
보기
원클릭 복사 설치 명령어 히어로
원클릭 복사 가능한 패키지 설치 명령어 포함
히어로 섹션
보기
드래그 비교 슬라이더 히어로
카피 옆 드래그 가능한 전/후 비교 패널
히어로 섹션
보기
중앙 검색창 중심 히어로
단 하나의 강력한 검색 입력창으로 구성된 화면
히어로 섹션
보기
스마트폰 프레임 모바일 앱 히어로
텍스트 옆 CSS로 구현한 스마트폰 목업 프레임
히어로 섹션
보기
직무/역할 순환 텍스트 히어로
대상 고객군을 순환하며 보여주는 롤링 헤드라인
히어로 섹션
보기
무한 롤링 고객사 로고 히어로
헤드라인 아래 무한 롤링되는 주요 고객사 로고
히어로 섹션
보기
매거진 스타일 에디토리얼 히어로
헤어라인과 날짜가 들어간 잡지 표지 스타일
히어로 섹션
보기
날짜 예약 검색 위젯 히어로
헤드라인 바로 아래 위치한 숙소/일정 예약 위젯
히어로 섹션
보기
카운트다운 타이머 이벤트 히어로
일시, 장소 및 행사 시작 카운트다운 시계
히어로 섹션
보기
포트폴리오 및 최근 작업물 히어로
소개 문구 아래 펼쳐지는 최근 대표 프로젝트
히어로 섹션
보기
금액 선택 칩 기부 히어로
왼쪽엔 캠페인 소개, 오른쪽엔 후원 금액 선택 폼
히어로 섹션
보기
영업시간 & 연락처 매장 히어로
매장 주소, 영업시간 안내 및 원클릭 전화 버튼
CTA 배너
보기
전체 너비 다크 CTA 배너
Bold end-of-page CTA(행동 유도)
CTA 배너
보기
인라인 뉴스레터 구독 배너
Text left, email form right
CTA 배너
보기
두 갈래 선택지 분할 CTA
Self-serve versus talk-to-sales 카드들
CTA 배너
보기
하단 고정 전환 유도 바
Persistent offer strip with dismiss
CTA 배너
보기
런칭 카운트다운 타이머 배너
Live timer over an early-access signup
CTA 배너
보기
이탈 감지 특별 혜택 모달
One-shot offer as the visitor leaves
CTA 배너
보기
친구 초대 추천 링크 복사 배너
Copyable invite link with a reward tracker
CTA 배너
보기
앱 내 플랜 업그레이드 유도 넛지
Usage meter that makes the limit concrete
CTA 배너
보기
신뢰 보증 포함 무료 체험 CTA
Big ask, softened by four small promises
CTA 배너
보기
QR코드 모바일 앱 다운로드 CTA
데스크톱 visitors get a code, phones get the buttons
CTA 배너
보기
커뮤니티 참여 유도 배너
Live member count and a preview of the chatter
CTA 배너
보기
웨비나 신청 간편 등록 바
Session details and a two-field signup
CTA 배너
보기
이용권 갱신 안내 알림 배너
Contract end date with the two decisions available
CTA 배너
보기
무료 배송 달성 진행률 바
How far the basket is from the threshold
CTA 배너
보기
리포트/자료 다운로드 리드 수집 CTA
A report preview traded for an email address
CTA 배너
보기
채용 공고 안내 인재 영입 CTA
Open roles listed under a short pitch
통계 바 / 지표
보기
4개 주요 핵심 지표 행
Big numbers with labels
통계 바 / 지표
보기
다크 카드 3개 지표 패널
Metric trio inside a panel
통계 바 / 지표
보기
스파크라인 차트 결합 지표 카드
KPI tiles with a CSS-only trend chart
통계 바 / 지표
보기
목표 달성률 진행 바
Targets with completion percentages
통계 바 / 지표
보기
시스템 가동률(Uptime) 상태 바
Per-service history bars with a live summary
통계 바 / 지표
보기
코호트 리텐션 히트맵
Shaded 그리드 of weekly retention
통계 바 / 지표
보기
스크롤 시 카운트업 숫자 지표
Figures that animate the first time they appear
통계 바 / 지표
보기
도넛 링 게이지 3종 통계
Three SVG donuts with a figure in the middle
통계 바 / 지표
보기
단계별 전환 퍼널 차트
Tapering bars with drop-off called out
통계 바 / 지표
보기
전주 대비 증감 비교 표
Compact metric table with signed changes
통계 바 / 지표
보기
실시간 집계 숫자 티커
A number that keeps moving while you watch
통계 바 / 지표
보기
순위 변동 포함 리더보드
Positions, scores and which way they moved
통계 바 / 지표
보기
업계 표준 대비 벤치마크 지표
Your figures next to the median and the top decile
통계 바 / 지표
보기
설문조사 투표 결과 집계 바
Survey answers with counts and a total
통계 바 / 지표
보기
친환경/지속가능성 영향 지표
Emissions, energy and materials with context lines
통계 바 / 지표
보기
주요 연혁별 마일스톤 타임라인
Company numbers pinned to the years they happened
내비게이션 바
보기
상단 고정 기본 내비게이션
Logo, links, and CTA
내비게이션 바
보기
메가 드롭다운 지원 내비게이션
Hover panel of grouped links
내비게이션 바
보기
플로팅 캡슐형 플로팅 내비게이션
Detached rounded bar over the page
내비게이션 바
보기
검색창 및 탭 결합 앱 헤더
Product header plus section tabs
내비게이션 바
보기
접이식 아이콘 사이드바 메뉴
Grouped vertical menu that shrinks to icons
내비게이션 바
보기
문서용 버전 선택 내비게이션
브레드크럼, version 드롭다운, older-release notice
내비게이션 바
보기
모바일 슬라이딩 드로어 메뉴
Hamburger that slides a 전체 높이(full-height) panel in
내비게이션 바
보기
상단 공지 띠 결합 내비게이션
Dismissible notice sitting above the header
내비게이션 바
보기
슬라이딩 언더라인 인터랙티브 탭
Indicator that animates between sections
내비게이션 바
보기
워크스페이스 전환 드롭다운 바
App bar with a searchable tenant 드롭다운
내비게이션 바
보기
스크롤 시 축소되는 헤더
Tall header that compacts once the page moves
내비게이션 바
보기
장바구니 배지 쇼핑몰 헤더
Category row, search and a basket count
내비게이션 바
보기
브레드크럼 결합 페이지 헤더
Location, title and the actions for this record
내비게이션 바
보기
모바일 하단 고정 탭 바
모바일 app 내비게이션 pinned to the bottom edge
내비게이션 바
보기
통화 및 다국어 선택 헤더
International storefront controls in the bar
내비게이션 바
보기
스크롤 스파이 앵커 내비게이션
Section links that follow the reader down the page
추천사 / 고객 후기
보기
3열 카드 후기 그리드
Quote 카드들 with 아바타 footer
추천사 / 고객 후기
보기
단일 대표 추천사 강조 섹션
One large 가운데 정렬된 고객 후기
추천사 / 고객 후기
보기
고객사 로고 월 및 대표 후기
Social proof strip with a highlight
추천사 / 고객 후기
보기
메이슨리 벽돌형 후기 월
Uneven columns of varied-length quotes
추천사 / 고객 후기
보기
별점 평점 요약 및 최근 리뷰
Score breakdown beside recent reviews
추천사 / 고객 후기
보기
영상 인터뷰 썸네일 후기 카드
Play-button thumbnails with a pull quote
추천사 / 고객 후기
보기
자동 슬라이드 추천사 캐러셀
One quote at a time with a progress ring of dots
추천사 / 고객 후기
보기
성과 수치 중심 고객 사례 카드
A quote anchored to the number it produced
추천사 / 고객 후기
보기
SNS 피드 스타일 사용자 후기
Screenshots of praise, laid out as posts
추천사 / 고객 후기
보기
외부 인증 배지 결합 추천사
Third-party ratings framing a single endorsement
추천사 / 고객 후기
보기
프로필 아바타 탭 후기 전환기
A row of faces selects which story shows
추천사 / 고객 후기
보기
무한 롤링 후기 마키 월
Two rows drifting in opposite directions
추천사 / 고객 후기
보기
업종별 필터 후기 그리드
Chips narrow the wall to your own sector
추천사 / 고객 후기
보기
인터뷰 대화형 고객 스토리
A conversation, with pull quotes lifted out
추천사 / 고객 후기
보기
제품 스크린샷 위 후기 오버레이
Endorsement laid across the thing being praised
추천사 / 고객 후기
보기
현직 팀원 인터뷰 채용 후기
What the people who work there actually say
추천사 / 고객 후기
보기
로고 호버 시 후기 노출 월
Customer marks that reveal what they said
푸터
보기
다단 컬럼 기본 푸터
Brand + link columns + legal row
푸터
보기
미니멀 중앙 정렬 푸터
Logo, inline links, copyright
푸터
보기
뉴스레터 결합 다크 푸터
Signup panel above the link columns
푸터
보기
대형 브랜드 워드마크 푸터
Giant brand type with a thin link row
푸터
보기
상단 겹침 CTA 카드 결합 푸터
White conversion 카드 sitting on a dark footer
푸터
보기
슬림 인앱 상태 푸터 바
Slim in-product strip with status and locale
푸터
보기
서버 상태 및 지역 선택 푸터
Operational 배지 and locale controls in the base
푸터
보기
앱 다운로드 결합 메가 푸터
Six link columns and 모바일 download blocks
푸터
보기
최신 블로그/공지 결합 푸터
Recent posts sit beside the 내비게이션 columns
푸터
보기
스튜디오/에이전시 문의 푸터
Address, hours and a direct email in place of links
푸터
보기
규제 준수 법적 고지 푸터
Dense small print for financial or medical products
푸터
보기
모바일 반응형 아코디언 푸터
Link columns that collapse on small screens
푸터
보기
문서 이전/다음 이동 푸터
Page 내비게이션, edit link and feedback in one bar
푸터
보기
후원사 및 파트너 로고 푸터
Tiered supporter logos above the small print
푸터
보기
지사 위치 및 연락처 푸터
Three cities with addresses and local contacts
푸터
보기
채용 공고 하이라이트 푸터
Open roles promoted alongside the 내비게이션
자주 묻는 질문 (FAQ)
보기
아코디언 접기/펼치기 FAQ 목록
Expandable questions using <details>
자주 묻는 질문 (FAQ)
보기
좌측 질문 / 우측 답변 2열 FAQ
Heading left, questions right
자주 묻는 질문 (FAQ)
보기
검색 및 카테고리 필터 지원 FAQ
Search field, topic pills, results list
자주 묻는 질문 (FAQ)
보기
카드 그리드 및 문의처 타일 FAQ
Three-up answers plus a contact 카드
자주 묻는 질문 (FAQ)
보기
도움이 되었나요? 투표 FAQ
Answers that collect feedback as they close
자주 묻는 질문 (FAQ)
보기
카테고리 레일 사이드바 결합 FAQ
Sticky topic list beside grouped answers
자주 묻는 질문 (FAQ)
보기
질문별 링크 복사 앵커 FAQ
Each answer has its own shareable URL
자주 묻는 질문 (FAQ)
보기
요금제 요약 결합 결제 FAQ
Answers beside a sticky summary of the current plan
자주 묻는 질문 (FAQ)
보기
채팅 말풍선 대화형 FAQ
Questions and answers styled as a chat thread
자주 묻는 질문 (FAQ)
보기
전체 펼치기/접기 버튼 FAQ
Counter and a single switch for every answer
자주 묻는 질문 (FAQ)
보기
대상 사용자별 탭 분류 FAQ
Different answers for buyers, admins and developers
자주 묻는 질문 (FAQ)
보기
단계별 문제 해결 의사결정 트리
One question at a time until the answer appears
자주 묻는 질문 (FAQ)
보기
A to Z 용어 사전 색인 FAQ
Terms defined, jumpable by first letter
자주 묻는 질문 (FAQ)
보기
배송 및 반품 정책 FAQ
Policy answers with a delivery cost table
자주 묻는 질문 (FAQ)
보기
관련 가이드 링크 사이드바 FAQ
Answers beside the documentation they point to
자주 묻는 질문 (FAQ)
보기
데모 영상 카드 결합 FAQ
Short clips answering the visual questions
대시보드
보기
사이드바 및 핵심 지표 대시보드
App shell with metric row
대시보드
보기
툴바 및 필터 지원 데이터 테이블
Searchable list with status chips
대시보드
보기
범례 포함 인터랙티브 차트 카드
CSS-only stacked bars and range picker
대시보드
보기
실시간 활동 내역 타임라인 피드
Timeline of events with actor 아바타들
대시보드
보기
드래그 앤 드롭 칸반 보드
Four columns, movable 카드들, live counts
대시보드
보기
메일함 분할 뷰 (목록 + 본문)
Conversation list beside a reading pane
대시보드
보기
기간 선택 칩 분석 개요 대시보드
Date range switches every figure on the page
대시보드
보기
사용량 및 요금 측정 게이지 패널
Every metered resource against its allowance
대시보드
보기
장애/인시던트 현황 보드
Live incidents ranked by severity with owners
대시보드
보기
팀원 및 권한 관리자 페이지
Member table with inline role controls
대시보드
보기
주간 일정 타임라인 그리드
Seven columns of time blocks with a now line
대시보드
보기
실시간 로그 뷰어 및 필터
Streaming lines with severity filters and pause
대시보드
보기
서비스별 클라우드 비용 분석기
Spend split across services with a forecast
대시보드
보기
기능 플래그 롤아웃 제어판
Percentage targeting with environment 토글들
대시보드
보기
지역별 성능/지연 시간 모니터링
Latency and uptime per region beside a map block
대시보드
보기
결재 승인 대기열 및 상세 드로어
List 왼쪽에는, the selected request 오른쪽에는
온보딩
보기
Stepper progress
Numbered steps with a current state
온보딩
보기
Checklist 카드
Getting-started tasks with progress
온보딩
보기
Role picker 카드들
Selectable tiles that tailor the setup
온보딩
보기
Product tour coachmark
Spotlight 툴팁 anchored to a button
온보딩
보기
Invite teammates step
Add addresses, set roles, send or skip
온보딩
보기
Connect your stack step
Integration tiles that flip to connected
온보딩
보기
Two-step account wizard
Validated fields gate the next button
온보딩
보기
CSV column mapping step
Match uploaded headers to expected fields
온보딩
보기
Brand your workspace step
Logo, colour and preview side by side
온보딩
보기
Goal picker with chips
Multi-select intent that shapes the setup
온보딩
보기
Setup complete celebration
Closing screen with the obvious next actions
온보딩
보기
Install the CLI step
Copyable commands per operating system
온보딩
보기
Notification preferences step
Choosing what reaches you and where
온보딩
보기
Sample data or your own
A fork in the road at the start of setup
온보딩
보기
중단된 온보딩 이어하기 배너
Picking setup back up where it stopped
온보딩
보기
Welcome tour 모달
A first-run dialog with three things to try
블로그 / 콘텐츠
보기
Blog 카드 그리드
Cover image, 태그, title, meta
블로그 / 콘텐츠
보기
Article prose layout
Readable single-column post body
블로그 / 콘텐츠
보기
Featured post with side list
One large story plus compact runners-up
블로그 / 콘텐츠
보기
Filterable post index
Topic pills over a dense row list
블로그 / 콘텐츠
보기
Article with sticky contents
Reading progress bar and live table of contents
블로그 / 콘텐츠
보기
제품 업데이트 체인지로그 타임라인
Release notes down a dated rail
블로그 / 콘텐츠
보기
Newsletter archive list
Numbered issues with subjects and open rates
블로그 / 콘텐츠
보기
Author profile with posts
Byline page pairing a bio with recent writing
블로그 / 콘텐츠
보기
Podcast episode list
Player rows with duration and show notes link
블로그 / 콘텐츠
보기
Guide library with difficulty 태그들
Learning content sorted by level and length
블로그 / 콘텐츠
보기
Article end matter with share rail
What sits under the last paragraph of a post
블로그 / 콘텐츠
보기
Series 내비게이션 for a post
Part three of five, with the whole arc visible
블로그 / 콘텐츠
보기
Article with margin notes
Sidenotes and footnotes beside the prose
블로그 / 콘텐츠
보기
대댓글 지원 아티클 댓글 스레드
Discussion under an article, one level deep
블로그 / 콘텐츠
보기
Content search results
Matches across posts, docs and videos
블로그 / 콘텐츠
보기
Case study layout
Client facts in a rail beside the narrative
문의하기
보기
Split contact form
Info panel + form fields
문의하기
보기
Simple support 카드
Compact 가운데 정렬된 message form
문의하기
보기
Support channel 그리드
Route people to the right team
문의하기
보기
Demo booking with time slots
Pick a day, then a slot, then confirm
문의하기
보기
Offices with live local time
City 카드들 that know whether the desk is open
문의하기
보기
Support chat widget
Floating bubble with a canned-reply thread
문의하기
보기
Routed enquiry form
Picking a department rewrites the form around it
문의하기
보기
Feedback rating widget
Score first, then a comment box appears
문의하기
보기
Bug report form
Severity, steps and environment in one submission
문의하기
보기
Request a callback 카드
Phone number, timezone and a preferred window
문의하기
보기
Press and media contact
Media enquiries beside downloadable brand assets
문의하기
보기
Store locator with results
Postcode search beside a list of nearby shops
문의하기
보기
부서별 담당자 안내 디렉터리
Who handles what, with a route for each
문의하기
보기
Email preferences page
Unsubscribe options short of leaving entirely
문의하기
보기
Partnership enquiry form
Qualifying questions with a budget range
문의하기
보기
Priority escalation 카드
The route for something genuinely on fire
보너스 컴포넌트
보기
Toast notification
Floating success message
보너스 컴포넌트
보기
Empty state
Friendly no-data 플레이스홀더
보너스 컴포넌트
보기
Cookie consent
Bottom privacy banner
보너스 컴포넌트
보기
Pricing 배지 / callout
Small promo strip
보너스 컴포넌트
보기
Command palette
Spotlight-style ⌘K search overlay
보너스 컴포넌트
보기
File upload dropzone
Drag area with in-progress file rows
보너스 컴포넌트
보기
Type-to-confirm delete dialog
Destructive action gated by an exact match
보너스 컴포넌트
보기
Skeleton loading state
Pulsing placeholders that swap for content
보너스 컴포넌트
보기
Inline workspace slug editor
Edit, validate, and save a URL without leaving the page
보너스 컴포넌트
보기
Keyboard shortcut recorder
Capture accessible key combinations and flag conflicts
보너스 컴포넌트
보기
Selective diff staging
Review and stage individual code hunks
보너스 컴포넌트
보기
WCAG 웹 접근성 대비 검사기
Test color pairs with live accessibility results
보너스 컴포넌트
보기
Cron schedule builder
Plain-English controls that emit a cron expression
보너스 컴포넌트
보기
One-time API key reveal
Shown once, with a countdown and a copy gate
보너스 컴포넌트
보기
Markdown live preview
Split editor rendering as you type
보너스 컴포넌트
보기
Timezone overlap planner
Four cities lined up to find a workable hour
보너스 컴포넌트
보기
Passphrase generator
Word-based secrets with a live strength readout
보너스 컴포넌트
보기
Regex tester
Pattern, flags and highlighted matches
보너스 컴포넌트
보기
JSON tree viewer
Collapsible nodes with types and counts
보너스 컴포넌트
보기
Design token swatch sheet
Palette, spacing and radii with copyable values
보너스 컴포넌트
보기
Keyboard shortcuts sheet
A searchable cheat sheet in a dialog
보너스 컴포넌트
보기
Prompt token counter
Live estimate against a model context window
보너스 컴포넌트
보기
Agent run trace
Expandable tool-call timeline for an AI run
보너스 컴포넌트
보기
Feature flag rollout dial
Percentage slider with a live bucket 그리드
보너스 컴포넌트
보기
Webhook delivery inspector
Delivery log with backoff-aware retries
보너스 컴포넌트
보기
Release notes composer
Conventional commits to a version bump
보너스 컴포넌트
보기
드래그로 우선순위 재정렬 스택
Pointer and keyboard reordering with live ranks
인증 폼
보기
Recovery code sign-in
Emergency access with a single-use backup code
인증 폼
보기
Dual email change verification
Confirm an address change from both inboxes
요금제
보기
Reserved capacity planner
Compare flexible usage with committed capacity
요금제
보기
Outcome-based fee simulator
Model a base fee plus performance upside
기능 / 벤토
보기
Permission inheritance explorer
Trace access from organization to resource
기능 / 벤토
보기
Offline sync journey
Explain local-first behavior through connection states
히어로 섹션
보기
Live collaboration canvas hero
Product-led opening with active teammate cursors
히어로 섹션
보기
Voice note product hero
Audio-first landing with a tactile recorder demo
CTA 배너
보기
Seat limit collaboration nudge
Contextual upgrade prompt when a workspace fills up
CTA 배너
보기
Maintenance window opt-in
Schedule a safe upgrade window from a focused banner
통계 바 / 지표
보기
Anomaly pulse strip
Surface unusual movement without losing context
통계 바 / 지표
보기
Contribution rhythm calendar
Calendar heatmap with streak and consistency insights
내비게이션 바
보기
Presence-aware collaboration nav
Document 내비게이션 with live editors and sync state
내비게이션 바
보기
Multi-product launcher nav
Suite 내비게이션 with a searchable product switcher
추천사 / 고객 후기
보기
고객 도입 결정 다이어리 후기
A 고객 후기 told across three pivotal moments
추천사 / 고객 후기
보기
Voice note 고객 후기 player
Authentic customer audio with a readable transcript
푸터
보기
Command-line product footer
Developer footer styled as a useful terminal session
푸터
보기
Carbon-aware service footer
Transparent infrastructure footprint and region choice
자주 묻는 질문 (FAQ)
보기
Inline definition FAQ
Answer terminology questions inside a readable glossary
자주 묻는 질문 (FAQ)
보기
Release-specific answer finder
Version-aware support answers with change notices
대시보드
보기
Query performance workbench
Diagnose slow database queries from one focused view
대시보드
보기
Inventory replenishment cockpit
Prioritize purchase orders before stock runs out
온보딩
보기
Brand voice calibration step
Teach a writing assistant the team’s preferred tone
온보딩
보기
Notification boundaries setup
Set working hours and escalation exceptions up front
블로그 / 콘텐츠
보기
Personal reading queue
Save, prioritize, and resume long-form articles
문의하기
보기
Anonymous ethics report
Privacy-conscious reporting with a secure follow-up code
보너스 컴포넌트
보기
HTTP cache policy simulator
Visualize fresh, stale, and expired response behavior
보너스 컴포넌트
보기
Fluid type scale calculator
Generate 반응형 clamp values with a live hierarchy
블로그 / 콘텐츠
보기
Choose-your-path field guide
Tailor a long-form reading route to the reader’s goal
문의하기
보기
기업 구매/보안 검토 요청 패키지
Assemble the right security and legal package for a buyer