비주얼 스위트로 블록을 쌓듯 브랜드 웹사이트 만들기

큰 카운트다운 타이머로, 시간이 되면 종료 상태를 보여줍니다. 한정 혜택, 마감일, 런칭 카운트다운에 좋습니다.

방문자가 처음 보는 큰 메인 영역입니다. 눈길을 끄는 사진, 당신이 누구인지 알려주는 한 문장, 다음으로 안내하는 버튼을 넣을 수 있습니다.

동영상·오디오·PDF를 업로드해 카드로 보여줍니다. 포트폴리오, 교육 자료, 방문자가 내려받을 파일에 좋습니다.

좌우로 넘길 수 있는 카드로, 각 카드에 이미지·제목·한 줄 설명이 있습니다. 여러 플랜이나 인기 상품, 서비스 추천에 좋습니다.

큰 이미지를 나란히 두고 좌우로 넘겨 볼 수 있습니다. 작품이나 행사 사진처럼 이미지만으로 충분한 내용에 좋습니다.

긴 글을 위한 영역으로, 목차는 자동으로 만들어집니다. 브랜드 스토리, 서비스 설명, 약관처럼 천천히 읽는 내용에 좋습니다.

발행한 글을 자동으로 카드 한 줄로 정리합니다. 블로그 페이지나 첫 페이지에서 최신 글을 보여줄 때 좋습니다.

여러 사진을 사진 벽처럼 모아 두고, 탭하면 크게 볼 수 있습니다. 포트폴리오나 상품 사진처럼 한 번에 많이 보여주고 싶을 때 좋습니다.

펼치고 접을 수 있는 질문·답변 목록입니다. 반품이나 예약 안내처럼 자주 묻는 것을 한 번에 답해 문의를 줄입니다.

질문을 가운데 카드로 표시하며 단답·선택·날짜·평점 등 9가지 질문 유형을 지원합니다. 제출 후 감사 메시지를 보여 주고 응답자는 자동으로 연락처가 됩니다. 문의·신청·상담에 적합합니다.

핵심 숫자 몇 개를 크게 나란히 보여주고, 스크롤하면 숫자가 올라갑니다. 실적이나 고객 수 같은 숫자로 빠르게 신뢰를 얻을 때 좋습니다.

중요한 순간들을 타임라인으로 이어 줍니다. 브랜드가 걸어온 길과 이정표를 소개할 때 좋습니다.

한쪽엔 이미지, 다른 쪽엔 글을 두는 기본 레이아웃입니다. 브랜드 스토리나 창업자 소개처럼 제대로 이야기할 내용에 좋습니다.

크게 가운데에 두는 한 문장 메시지로, 버튼도 넣을 수 있습니다. 브랜드 슬로건이나 고객 후기처럼 기억에 남기고 싶은 한마디에 좋습니다.

페이지에 단일 상품의 구매 영역을 넣습니다. 방문자는 옵션으로 플랜이나 사양을 전환하며 가격과 플랜 설명을 바로 확인하고, 사이트에서 바로 결제할 수 있습니다. 하나의 서비스, 강의, 구독을 주력으로 판매하는 페이지에 적합합니다.

배송 범위와 구간별 요금을 깔끔한 표로 보여줍니다. 음식점이나 상점이 배송 거리와 요금을 안내할 때 좋습니다.

여러 상품을 카드 그리드로 보여 주며, 각 카드에 커버·이름·가격·판매량이 표시됩니다. 카테고리로 필터하고 인기·가격·최신순으로 정렬할 수 있으며 페이지네이션도 지원합니다. 고객이 카드를 누르면 상품 판매 페이지로 이동해 결제합니다. 스토어 페이지, 홈 인기 상품, 온라인 강의·디지털 상품 카탈로그에 적합합니다.

이미지가 필요 없는 텍스트 카드로, 각 카드에 아이콘·제목·설명이 있습니다. 서비스 특징이나 강점 3~6개를 빠르게 나열할 때 좋습니다.

여러 플랜을 카드로 나란히 두어 가격과 내용을 보여주고 추천 플랜도 표시합니다. 서비스 플랜, 멤버십 등급, 코스 옵션에 좋습니다(장바구니 불필요).

화면 전체를 가로지르는 큰 이미지 한 장으로, 제목을 겹칠 수 있습니다. 매장 공간이나 행사 사진으로 첫인상을 만들 때 좋습니다.

외부 링크를 카드 한 줄로 정리하며, 각 카드에 썸네일·제목·요약이 있습니다. 언론 보도, 외부 글, Podcast 링크 안내에 좋습니다.

여러 항목을 카드로 나란히 소개하며, 각 카드에 이미지·제목·설명이 있습니다. 서비스나 사례처럼 나란히 비교할 내용에 좋습니다.

상품 구매 후 열리는 챕터, 유닛, 소요 시간, 무료 미리보기를 보여 줍니다. 내용은 상품의 전달 콘텐츠(AI 어시스턴트 또는 API로 관리)에서 가져오며 강의 판매 페이지에 적합합니다.

왼쪽에 메인 이미지와 썸네일 전환, 오른쪽에 상품 설명·제품 특징(아이콘+리치 텍스트, 최대 6개)·가격·플랜 선택. 고객이 플랜을 바꾸면 가격이 연동되고, 구매 버튼은 하나뿐. 단일 상품 상세 페이지나 실물·디지털 상품 홍보에 적합합니다.