디자인·꾸미기
페이지 편집의 디자인 탭에서 테마·배경·버튼·글꼴·색을 내 스타일로 바꿔요. 바꾸는 즉시 왼쪽 미리보기에 반영되고 자동 저장돼요.
디자인 탭은 카테고리 목록이에요 — 각 항목을 누르면 세부 설정이 열려요.
카테고리 한눈에
아래에서 카테고리를 눌러 세부 설정을 열어보세요.
- 테마 — 기본 테마 프리셋과 나의 템(현재 디자인 저장·불러오기).
- 배경 — 안쪽(콘텐츠) 배경을 채움 · 그라데이션 · 블러 · 이미지로. 바깥(여백)은 단일 색.
- 버튼 — 스타일(채움·라인·유리)·모서리(각짐~뜨레)·그림자(약함~딱딱한)·호버 9종·탭바.
- 글꼴 — 폰트와 기본 글자색.
- 색상 — 버튼 배경·테두리·그림자·텍스트, 페이지 텍스트, 강조색을 한곳에서.
배경 — 벽지처럼 화면에 딱
안쪽 배경은 화면에 고정(cover) 돼서 스크롤해도 자리에 있어요.
- 그라데이션 — 색 3개 + 좌표 피커(점을 끌어 위치 조정)로 나만의 메시 그라데이션. 준비된 프리셋도 있어요.
- 블러 — 은은한 유리(프로스트) 느낌.
- 이미지 — 드래그앤드롭으로 올려요. '채움'으로 바꾸면 이미지는 잠깐 접어둬요.
- 노이즈 — 은은한 그레인 질감을 얹어요.
버튼 — 모양과 그림자
- 스타일 — 채움(배경색) · 라인(테두리만) · 유리(반투명+블러).
- 모서리 — 각짐 · 약간 · 둥금 · 뜨레(우리 마스코트 스퀴클 모서리).
- 그림자 — 없음 · 약함 · 보통 · 강함 · 딱딱한(솔리드 오프셋). 그림자 색은 색상 탭에서 직접 골라요.
색상 — 글자색은 기본 자동, 원하면 직접
글자색은 기본적으로 배경 밝기에 맞춰 자동이에요 — 어두우면 흰 글자, 밝으면 진한 글자. 여기에 원하면 직접 색을 골라 덮어쓸 수 있어요.
- 배경 있는 블록(카드) — 카드 배경색 밝기에 맞춰요(라인·유리 버튼은 안쪽 배경 기준).
- 배경 없는 텍스트 블록(연혁·텍스트 등)·SNS 아이콘 — 안쪽 배경 밝기에 맞춰요.
- 그림자 색은 자동이 아니라 색상 탭에서 직접 골라요.
아래에서 안쪽 배경을 밝게/어둡게 바꿔보세요. 손대지 않으면 글자·그림자가 자동으로 따라와요.
색상 탭에서 페이지 텍스트나 버튼 텍스트 색을 지정하면 자동 대비 대신 그 색을 써요. 비워 두면 다시 배경 밝기에 맞춰 자동으로 정해져요.
hover · 클릭 효과 직접 올려보기
버튼 호버 효과 9종은 아래에서 직접 확인할 수 있어요. 효과를 고르고 버튼에 마우스를 올리거나(모바일은 탭) 확인해 보세요.
디자인 저장·가져오기
- 나의 템 — 현재 디자인(테마·배경·버튼·색 전부)을 이름 붙여 저장하고, 다른 페이지에 그대로 적용해요.
- 디자인 훔치기 — 마음에 드는 공개 페이지에서 그 디자인을 통째로 내 템플릿으로 담아올 수 있어요(그라데이션·좌표·유리·모서리까지 그대로).
자주 묻는 질문
글자가 배경에 묻혀서 안 보여요.
기본은 배경 밝기에 맞춰 자동으로 정해져요. 안쪽 배경(또는 카드 배경)을 조금 더 밝거나 어둡게 바꾸면 글자색이 반대로 따라와 잘 보여요. 또는 색상 탭에서 글자색을 직접 지정할 수도 있어요.
그라데이션을 골랐는데 화면에 안 보여요.
배경 스타일은 안쪽(콘텐츠) 배경에서 골라요. 바깥(여백) 배경은 단일 색만 쓰고, 폰 화면에선 콘텐츠가 꽉 차서 여백이 거의 안 보여요. 안쪽 배경을 그라데이션으로 바꾸면 화면 전체에 깔려요.
디자인이 편집 화면이랑 공개 페이지랑 달라 보여요.
디자인은 방문자가 보는 공개 페이지에 적용돼요. 편집(관리자) 화면은 작업용이라 조금 다르게 보일 수 있어요. 왼쪽 미리보기가 실제 공개 모습이에요.