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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sections.productList.description

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

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

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

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

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

여러 플랜을 나란히 배치한 카드 형태. 각 카드에 가격, 설명, 기능 목록, 구매 버튼이 있으며 추천 플랜 표시 가능. 고객은 사이트에서 바로 결제. SaaS 요금 페이지, 온라인 강의, 구독 비교에 적합합니다.

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