0
ADMIN Main Builder 히어로 버튼 표시 Search
List 상단 여백 px 업로드 가로 제한 px
레이아웃 폰트 강제 해제 시 섹션별 설정 사용 · 저장 후 적용
Title 섹션 헤드라인
px px
소제목 서브 타이틀
px px
Body 컨텐츠 텍스트
px px
작은텍스트 라벨 · 캡션
px px
영문↔한글 간격 V2 제목 줄 사이 (0=기본)
px
제목 굵기 섹션·카드 제목 굵기
내용 굵기 본문·설명 굵기
가로폭 컨텐츠 최대폭
px
V2 여백 섹션 상하 (모바일 자동 반값)
px
페이지 배경 hero 라운드 모서리 뒤 등 빈 영역 색 (기본=흰색)
섹션 등장 모든 섹션 스크롤 등장 모션 (일괄)
등장 속도 섹션 등장 모션 속도 (ms, 0=기본 700)
ms
등장 거리 슬라이드업 이동거리 (px, 0=기본 24)
px
변경사항은 즉시 미리보기로 반영되며, 상단 Save 버튼을 눌러야 영구 저장됩니다. 전체 적용은 즉시 모든 서브페이지에 반영됩니다.
섹션 관리
드래그=순서 · 클릭=ON/OFF · ✎=이름 변경 · 추가 섹션 ×=삭제
현재 섹션 순서를 일괄 적용
삭제된 기본 섹션 복원
복사한 섹션
이미지형
텍스트형
데이터 연동
데이터 연동
V2 가이드
공통 데이터
개발자
Skip to main content
텍스트 ←거리 Basic ↑거리 Basic 배경 앞 이미지 X 0% Y 0% 가로 Automatic 세로 Automatic 좌우 위치 Basic 상하 위치 Basic 텍스트 폭 Basic 영문 크기 68px 100% 딤 0% 📱 PC
Separate PC and mobile layouts

The first screen, built by stacking sections. Main Builder

Summary Main Builder is a tool for building the home page by stacking universal sections. Choose slide, grid, large photo cards and heading placement as options, and set PC and mobile layouts separately. Adjust spacing and size right away with on-screen handles.

A home page built by stacking sections. Meet the features of HIVE Main Builder.

온라인상담 URL
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

First, the essentials.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
필요한 섹션을 쌓습니다 설정·사용 화면

Stack the sections you need.

순서는 끌어서 바꿉니다 설정·사용 화면

Drag to change the order.

간격과 크기는 손잡이로 맞춥니다 — 배경이 투명한 실버·블루 개념 그래픽

Adjust spacing and size with handles.

PC와 모바일 배치를 따로 정합니다 설정·사용 화면

Set PC and mobile layouts separately.

자주 쓰는 구성은 프리셋으로 한 번에 설정·사용 화면

Apply common layouts at once with presets.

View case studies
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

Main Builder

Stack, drag, adjust and done.

필요한 섹션을 쌓고 순서를 끌어서 바꿉니다. 섹션마다 표시 방식과 디자인을 따로 정합니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
메인 섹션 제목을 직접 편집하는 화면

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
+ 카드 이미지 선택

3 types

Slide, grid, large photo cards

+ 카드 이미지 선택

2 types

PC and mobile, with separate layouts

+ 카드 이미지 선택

0 lines

Code you have to write yourself

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

One section, many looks.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
메인 빌더의 격자 배치 설정 화면

Universal section

One card set can become a slide, a grid or large photo cards alike.

화면 직접 조작 설정·사용 화면

Direct on-screen control

Adjust spacing, column ratio and card size with on-screen handles.

PC와 모바일 따로 설정·사용 화면

PC and mobile separately

Set the layout per device, for example showing a list instead of a slide on mobile.

카드별 배치 설정·사용 화면

Per-card layout

Set width, height and text position separately for each card, so you can mix several sizes in one row.

스토어형 구성 설정·사용 화면

Store-style layout

Turn on an option that splits the title and description left and right and lets the photo fill the whole card.

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

PC · mobile

The same section, fitted to each device.

On mobile, you can also show a list instead of a slide.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

Just choose, and it changes.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
글자 서식. 설정·사용 화면

Text formatting.

Drag to select text, then change its weight, color and size on the spot.

등장 모션 설정·사용 화면

Entrance motion.

Choose how sections and cards move as they enter the screen.

CTA 버튼의 모양·위치·버튼 색·글자 색 설정

Buttons.

Set the button shape, icon and color for each section.

메인 빌더의 구성 프리셋 선택 화면

Presets.

Apply common layouts in one step.

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

Procedures Page.
What you see, right away.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
서브페이지 본문에서 글자와 배치를 편집하는 화면

Text editing.

Click text on the page to edit it right away.

디자인 편집 설정·사용 화면

Design editing.

Drag to set width, spacing and card height.

현재 섹션을 공통영역으로 등록하거나 불러오는 화면

Section library.

Save sections you have made and add them to other pages.

PC와 모바일 설정·사용 화면

PC and mobile.

Values are saved separately.

Learn more about Sub Builder
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

Boards. Fit for clinics, from the start.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
전후사진 게시판에서 수술 전과 3개월 사진을 비교하는 화면

Before and after photos.

Flip through by angle and choose the view mode.

선택한 서비스와 예약자 정보·예약일시를 확인하는 접수 양식

Events Reservation.

Add events and go straight to booking.

온라인 상담 설정·사용 화면

Online Consultation.

See intake, notifications and management on one screen.

제작 사례 설정·사용 화면

Case studies.

Shown by industry.

Learn more about boards
공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

We answer your questions.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

Is there a limit on the number of sections?

No. You can add as many as you need and change their order.

Do I have to build the mobile screen separately?

No. The same sections adapt to mobile, and you set separate mobile values only where needed.

공통형 디자인

모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.

Let's build it together, from the first screen.

We decide the home page layout together in the onboarding consultation.

본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능

Contact us
번역 편집 모드
번역 편집 모드
필드를 클릭하면 직접 번역을 수정할 수 있습니다. 자동 저장됨.
발행
EN JA 簡 繁
⚙