텍스트
←거리
기본
↑거리
기본
배경
앞 이미지
X
0%
Y
0%
가로
자동
세로
자동
좌우 위치
기본
상하 위치
기본
텍스트 폭
기본
영문 크기
68px
100%
딤
0%
📱
PC
PC와 모바일 배치를 따로
첫 화면을, 섹션으로 쌓아서. Main Builder
섹션을 쌓아 만드는 메인 화면. 하이브 메인 빌더의 기능을 소개합니다.
온라인상담 URL
공통형 디자인
일단 핵심부터.
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
기본 배치
카드 사이 연결
개별 밑줄 디자인
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
필요한 섹션을 쌓습니다.
순서는 끌어서 바꿉니다.
간격과 크기는
손잡이로 맞춥니다.
PC와 모바일 배치를
따로 정합니다.
자주 쓰는 구성은
프리셋으로 한 번에.
제작 사례 보기
공통형 디자인
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
기본 배치
카드 사이 연결
개별 밑줄 디자인
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
공통형 디자인
한 섹션이, 여러 모습으로.
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
기본 배치
카드 사이 연결
개별 밑줄 디자인
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
범용 섹션
카드 묶음 하나로 슬라이드, 격자, 큰 사진 카드를 모두 표현합니다.
화면 직접 조작
간격, 열 비율, 카드 크기를 화면의 손잡이로 맞춥니다.
PC와 모바일 따로
모바일에서는 슬라이드 대신 나열로 보여 주는 식으로 기기별 배치를 정합니다.
카드별 배치
카드마다 폭과 높이, 글 위치를 따로 정해 한 줄에 여러 크기를 섞을 수 있습니다.
스토어형 구성
제목과 설명을 좌우로 나누고, 사진이 카드 전체를 채우는 구성을 옵션으로 켭니다.
공통형 디자인
PC · 모바일
같은 섹션이,
기기에 맞게.
모바일에서는 슬라이드 대신
나열로 보여 줄 수도 있습니다.
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
기본 배치
카드 사이 연결
개별 밑줄 디자인
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
공통형 디자인
고르기만 하면 달라집니다.
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
기본 배치
카드 사이 연결
개별 밑줄 디자인
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
글자 서식.
글자를 끌어 고른 뒤 굵기, 색, 크기를 바로 바꿉니다.
등장 모션.
섹션과 카드가 화면에 들어올 때의 움직임을 고릅니다.
버튼.
버튼 모양과 아이콘, 색을 섹션마다 정합니다.
프리셋.
자주 쓰는 구성을 한 번에 적용합니다.
공통형 디자인
시술 페이지.
보이는 대로, 바로.
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
기본 배치
카드 사이 연결
개별 밑줄 디자인
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
글자 편집.
화면의 글자를 눌러 바로 고칩니다.
디자인 편집.
폭과 여백, 카드 높이를 끌어서 맞춥니다.
섹션 저장함.
만든 섹션을 저장해 다른 페이지에 넣습니다.
PC와 모바일.
값을 따로 저장합니다.
서브 빌더 더 알아보기
공통형 디자인
게시판.
병원에 맞게, 처음부터.
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
기본 배치
카드 사이 연결
개별 밑줄 디자인
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
전후사진.
각도별로 넘겨 보고, 보기 방식을 고릅니다.
이벤트 예약.
이벤트를 담아 바로 예약으로 잇습니다.
온라인 상담.
접수부터 알림, 관리까지 한 화면에서 봅니다.
제작 사례.
업종별로 나눠 보여 줍니다.
게시판 더 알아보기