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
📱 배경 위치
📱 앞 이미지 위치
📱 가로 정렬
📱 세로 정렬
📱 텍스트 흰색
텍스트
←거리
基本
↑거리
110px
배경
앞 이미지
X
0%
Y
0%
가로
自動
세로
自動
좌우 위치
基本
상하 위치
基本
텍스트 폭
基本
영문 크기
68px
100%
딤
55%
📱
60%
공통형 디자인
모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.
SECTION
섹션 제목이 들어가는 자리
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
+ 카드 이미지 선택
01
항목 설명이 들어가는 칸입니다. 두 줄 안팎의 길이로 적으면 카드 높이가 고르게 맞습니다.
공통형 디자인
모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.
이런 분께 안내합니다
섹션 설명이 들어가는 칸입니다. 이 섹션이 무엇을 말하는지 한두 문장으로 적습니다.
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
01
잡티가 고민인 분
피부에 생긴 잡티가 신경 쓰이는 경우 진찰 후 안내합니다.
02
피부 톤이 고민인 분
전체적인 피부 톤이 고민인 경우 상담합니다.
03
회복 기간이 짧기를 바라는 분
일상 복귀 시점은 개인차가 있습니다.
공통형 디자인
모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.
SECTION
섹션 제목이 들어가는 자리
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
+ 카드 이미지 선택
01
항목 제목 1
항목 설명이 들어가는 칸입니다. 두 줄 안팎의 길이로 적으면 카드 높이가 고르게 맞습니다.
+ 카드 이미지 선택
02
항목 제목 2
항목 설명이 들어가는 칸입니다. 두 줄 안팎의 길이로 적으면 카드 높이가 고르게 맞습니다.
+ 카드 이미지 선택
03
항목 제목 3
항목 설명이 들어가는 칸입니다. 두 줄 안팎의 길이로 적으면 카드 높이가 고르게 맞습니다.
+ 카드 이미지 선택
04
항목 제목 4
항목 설명이 들어가는 칸입니다. 두 줄 안팎의 길이로 적으면 카드 높이가 고르게 맞습니다.
+ 카드 이미지 선택
05
항목 제목 5
항목 설명이 들어가는 칸입니다. 두 줄 안팎의 길이로 적으면 카드 높이가 고르게 맞습니다.
+ 카드 이미지 선택
06
항목 제목 6
항목 설명이 들어가는 칸입니다. 두 줄 안팎의 길이로 적으면 카드 높이가 고르게 맞습니다.
공통형 디자인
모바일은 공통 배경을 자동 사용합니다. 이미지 축소본이 있으면 자동 적용됩니다.
SECTION
섹션 제목이 들어가는 자리
본문 하단 도식
모바일 영역
기본 배치
상단 제목
카드 교차
카드 여백
카드 구조
디자인 크기
이미지·모션
세부항목 디자인
제목 간격
SNS·CTA 연결
기본 배치
카드 사이 연결
개별 밑줄 디자인
교차·내부 텍스트
레이아웃 조합웹진형 적용 · 개별 ⇄ 좌우 가능
Q1.
何回受ける必要がありますか?
피부 상태에 따라 다르며 진찰 후 안내합니다.
Q2.
통증이 있나요?
느끼는 정도는 개인차가 있습니다.
Q3.
자주 묻는 질문 3 이 들어가는 자리
답변이 들어가는 칸입니다. 두세 문장으로 적습니다.
Q4.
자주 묻는 질문 4 이 들어가는 자리
답변이 들어가는 칸입니다. 두세 문장으로 적습니다.
Q5.
자주 묻는 질문 5 이 들어가는 자리
답변이 들어가는 칸입니다. 두세 문장으로 적습니다.
Q6.
자주 묻는 질문 6 이 들어가는 자리
답변이 들어가는 칸입니다. 두세 문장으로 적습니다.
Q7.
자주 묻는 질문 7 이 들어가는 자리
답변이 들어가는 칸입니다. 두세 문장으로 적습니다.
Blog
프리셋 시험 한 장 관련 블로그
글자 크기(px·0=자동)
이 페이지에 연결된 블로그 글이 없습니다. 블로그 글의 “노출 페이지”에 이 페이지를 지정하면 노출됩니다.