# 새로운 디자인 모드로 사이트를 자유롭게 커스텀해보세요!

이제 배경, 버튼, 텍스트의 스타일과 이미지, 동영상, 컬럼의 형태 등 디자인 자유도가 훨씬 높아졌어요! 

편집 화면 오른쪽 `디자인` 메뉴에서 색상과 값을 수정하면 해당 블록에 일괄적으로 적용돼, 톤앤매너를 유지하기도 쉬워졌어요. 기본 색상으로 브랜드, 프로덕트, 커뮤니티의 대표 색상을 지정하거나, 텍스트 스타일과 모서리 둥글기, 그림자 등을 원하는 분위기에 따라 커스텀해보세요.

[Video](https://vz-127031db-d43.b-cdn.net/b766b723-a695-4444-820e-10fb69fb7e61/playlist.m3u8)

### Tip.

색상과 값을 어떻게 조합해야 할지 모르겠다면, 미리 세팅된 테마와 팔레트를 활용해 보세요.

![Image](https://upload.cafenono.com/image/slashpagePost/20260401/165923_w4jrAQwoLv9hALZdGZ?q=80&s=1280x180&t=outside&f=webp)

![Image](https://upload.cafenono.com/image/slashpagePost/20260401/165945_Gzl0WXYcEVb4aTLp3Y?q=80&s=1280x180&t=outside&f=webp)

화면 모드에 따라 디자인이 깨져 보여 아쉬웠다면, 라이트 모드와 다크 모드에서 보일 색상을 각각 지정해 보세요.

[Video](https://vz-127031db-d43.b-cdn.net/f8d3da97-ad09-41ff-ad22-7de583206b00/playlist.m3u8)

테마나 팔레트를 바꿔도 적용되지 않는 블록이 있다면, 해당 블록 설정에서 되돌리기 아이콘을 클릭해 주세요.

![Image](https://upload.cafenono.com/image/slashpagePost/20260401/170306_vcoQzbpjgrdO80eCyV?q=80&s=1280x180&t=outside&f=webp)

상세한 사용법은 가이드에서 확인하실 수 있어요. 궁금한 점이 있거나 적용이 잘 안되는 부분이 있다면 댓글로 알려주세요!

[디자인 가이드 보러 가기](https://help.slashpage.com/theme)

[내 사이트 디자인 수정하러 가기](https://slashpage.com)

For the site tree, see the [root Markdown](https://slashpage.com/slashpage-kr.md).