Hero 스타일
Eyebrow
사이즈
px
📱px
색상
굵기
並び替え
자간
/100em
행간
%
표시
장식
배경색
패딩
↔
↕
라운드
px
보더
px
보더 위치
영문 제목
사이즈
px
📱px
색상
굵기
並び替え
자간
/100em
행간
%
표시
한글 제목
사이즈
px
📱px
색상
굵기
並び替え
자간
/100em
행간
%
표시
설명
사이즈
px
📱px
색상
굵기
並び替え
자간
/100em
행간
%
표시
레이아웃
전체 높이
vh
📱vh
상하 패딩
px
📱px
상하 패딩 끄기
이미지 끄기 (텍스트만)
두 영역 위치
앞 이미지 세로 크기
px
📱px
앞 이미지 좌우 위치 (- 왼쪽 · + 오른쪽)
px
📱px
앞 이미지 상하 위치 (- 위 · + 아래)
px
📱px
이미지 위 어둡게 (그라데이션)
좌우 비율 (preset)
좌측 비율 %
%
좌우 간격
px
텍스트 폭
px
📱px
앞 이미지 가로 크기
px
📱px
가로 정렬
세로 정렬
영문 꽉채움 비율
%
영문 줄간격(%)
%
영문 위 여유(잘림방지)
px
Eyebrow 아래여백
px
영문 아래여백
px
한글 아래여백
px
설명 아래여백
px
섹션 배경
좌우 패딩
px
📱px
콘텐츠 폭
px
이미지 비율
그림자
외곽 두께
px
테두리 색
배경 어둡게
%
📱%
딤 방향
텍스트 왼쪽 거리
px
📱px
텍스트 위 거리
px
📱px
머리말 높낮이 (− 위 · + 아래)
px
📱px
영문(큰) 제목 높낮이
px
📱px
한글 제목 높낮이
px
📱px
설명 높낮이
px
📱px
서브nav 가로 기준
서브nav 세로 기준
서브nav 가로 값(모서리에서)
px
📱px
서브nav 세로 값(기준에서)
px
📱px
시술요약칩 색상
시술요약칩 가로 기준
시술요약칩 세로 기준
시술요약칩 가로 값(모서리에서)
px
📱px
시술요약칩 세로 값(기준에서)
px
📱px
배경 위치
배경 영상 흑백
%
📱%
배경 영상 투명도 (100=불투명)
%
📱%
하단 그라데이션 연결 색상
배경 하단 그라데이션
앞 이미지 위치
앞 이미지 가로 초점 (-50 왼쪽 · +50 오른쪽)
%
📱%
앞 이미지 세로 초점 (0 상단 · 100 하단)
%
📱%
페이지 톤
제목 줄 순서
버튼 막대
버튼 모양
온라인 상담 버튼 배경색
온라인 상담 버튼 글자색
텍스트 등장 모션
영문 가로 꽉차게
이미지 라운드
px
테두리 스타일
테두리 색
테두리 ↑ 상
px
테두리 → 우
px
테두리 ↓ 하
px
테두리 ← 좌
px
라운드 ◜ 좌상
px
라운드 ◝ 우상
px
라운드 ◞ 우하
px
라운드 ◟ 좌하
px
📱 배경 위치
📱 앞 이미지 위치
📱 가로 정렬
📱 세로 정렬
📱 텍스트 흰색
텍스트
←거리
基本
↑거리
基本
배경
앞 이미지
X
0%
Y
0%
가로
自動
세로
自動
좌우 위치
基本
상하 위치
基本
텍스트 폭
基本
영문 크기
68px
100%
딤
0%
📱
PC
공통형 디자인
모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
01
공통형 디자인
모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.
制作事例
同じビルダーで。 クリニックごとに違う姿に。
같은 빌더로 만들었지만 병원마다 다른 모습입니다. 사례를 눌러 자세히 보세요.
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
공통형 디자인
모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
01
リフティーク皮膚科
皮膚科 · HIVE Builderで制作
02
リスム美容外科
美容外科 · HIVE Builderで制作
03
ダオルリム美容外科
美容外科 · HIVE Builderで制作
04
延世ウィナーズリハビリテーション科
リハビリテーション科 · HIVE Builderで制作
05
延世ウノ泌尿器科
泌尿器科 · HIVE Builderで制作
공통형 디자인
모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.
事例ごとに見る。
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
01
リフティーク皮膚科。
皮膚科 · HIVE Builderで制作
詳しく見る→
02
リスム美容外科。
美容外科 · HIVE Builderで制作
詳しく見る→
03
ダオルリム美容外科。
美容外科 · HIVE Builderで制作
詳しく見る→
04
延世ウィナーズリハビリテーション科。
リハビリテーション科 · HIVE Builderで制作
詳しく見る→
05
延世ウノ泌尿器科。
泌尿器科 · HIVE Builderで制作
詳しく見る→공통형 디자인
모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.
施術 ページ.
見たまま、すぐに。
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
01
文字の編集。
画面の文字を押してその場で直します。
02
デザインの編集。
幅と余白、カードの高さをドラッグで合わせます。
03
セクションライブラリ。
作ったセクションを保存して、ほかのページに追加します。
04
PCとモバイル。
値を別々に保存します。
サブビルダーをさらに詳しく
공통형 디자인
모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.
次の事例は、あなたのクリニックで。
導入相談で、診療科に合った構成をご提案します。
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
導入相談
Blog
ケース 関連ブログ
글자 크기(px·0=자동)
이 페이지에 연결된 블로그 글이 없습니다. 블로그 글의 “노출 페이지”에 이 페이지를 지정하면 노출됩니다.