1001site 카탈로그의 스타일
스타일은 색상, 글꼴, 버튼 및 카드 모양, 애니메이션 등 잘 알려진 플랫폼을 기반으로 미리 디자인된 웹사이트 템플릿입니다. 1001site 카탈로그에는 1,000가지 스타일이 있습니다. 템플릿을 선택하고 "적용"을 클릭하면 선택한 스타일로 웹사이트가 디자인됩니다.
이 제품은 누구에게 적합할까요?
디자이너 없이도 아름다운 웹사이트를 갖고 싶은 모든 분들을 위한 서비스입니다. 원하는 만큼 스타일을 변경할 수 있습니다.
스타일은 어디서 선택해야 할까요?#
- 계정에서 설정 → 홈 및 메뉴 → "사이트 스타일" → "스타일 선택"(또는 "다른 스타일 선택")으로 이동하세요. 또는 가이드의 2단계를 따르세요.
- 디렉토리 웹사이트 1001site.com 에서 스타일을 열고 카드 하단의 "보드에 적용"을 클릭하세요. 이미 로그인되어 있는 경우 스타일이 즉시 적용됩니다.
- 카탈로그에서 등록 시 "구매하기" → "모든 옵션 포함"을 선택하세요. 선택한 스타일은 저장되어 결제 후 적용됩니다.
단계#
단계 1. 카탈로그를 열어보세요#
"사이트 스타일" 섹션에서 "스타일 선택"을 클릭합니다. 카드 목록이 있는 창이 열립니다. 카드 위에 마우스를 올리면 샘플 사이트의 비디오를 볼 수 있습니다.
단계 2. 스타일을 찾아보세요#
이 검색 기능은 브랜드 이름, 색상, 글꼴 및 카테고리별로 검색할 수 있습니다. 예를 들어 "apple", "minimal", "dark", "shop"과 같이 검색할 수 있습니다.
단계 3. 적용을 클릭하세요#
몇 초 안에 색상, 글꼴, 모서리 둥글기, 그림자 및 애니메이션 등 선택한 스타일이 적용됩니다. 선택한 스타일의 이름과 미리보기는 "사이트 스타일" 블록에 표시됩니다. "결과 보기" 링크를 클릭하여 사이트를 열어보세요.
스타일을 바꾸는 것은 무엇일까요?#
| 무엇 | 어떻게 |
|---|---|
| 그림 물감 | 배경, 카드, 텍스트, 강조 요소. 예시와 같이 기본 밝은 테마 또는 어두운 테마를 선택할 수 있습니다. |
| 글꼴 | 예시 글꼴과 유사한 글꼴이 Google Fonts에서 선택됩니다. |
| 형태 | 단추와 카드의 모서리 둥글게 처리, 평면 카드 또는 그림자가 있는 카드, 밀도 |
| 애니메이션 | 차분함, 부드러움, 빛남, 역동적인 네 가지 세트 중 하나 |
| 집 | "홈페이지 디자인" 스위치를 활성화하면 사이트 이름과 스타일 슬로건이 포함된 히어로 블록이 상단에 추가됩니다. |
이 스타일은 텍스트, 제품, 카테고리, 페이지 또는 CSS에 영향을 미치지 않습니다. CSS 편집 내용은 스타일 블록 옆에 저장됩니다.
스타일 및 AI 어시스턴트#
스타일을 선택하면 AI 비서가 해당 스타일의 디자인 레퍼런스(구성, 이미지, 타이포그래피, 텍스트 톤)를 기반으로 홈페이지와 페이지를 구성합니다. 이는 디자이너들이 사용하는 방식과 동일합니다. 스타일 → 디자인 시스템 → 페이지.
스타일을 변경하거나 제거하세요.#
- 변경 방법: "기타 선택" → "새로 선택" → "적용". 이전 스타일 블록이 새 스타일 블록으로 대체됩니다.
- 제거: 스타일 미리보기에서 휴지통 아이콘을 클릭합니다. 이렇게 하면 해당 스타일의 CSS와 이름이 제거됩니다. 색상과 글꼴은 그대로 유지되며, 브랜딩에서 조정하거나 어시스턴트에게 "디자인 초기화"를 요청할 수 있습니다.
스타일 파일#
카탈로그의 각 스타일에는 AI 도구가 이해할 수 있는 파일이 포함되어 있습니다.
- DESIGN.md (완벽하고 간결한 파일) — 스타일 설명: 색상 역할, 글꼴, 크기, 들여쓰기, 규칙 준수 여부 등.
- Tailwind v4 는 Tailwind용 테마입니다.
- CSS 변수 - CSS 변수.
- 디자인 토큰 — 토큰이 포함된 JSON 형식입니다.
스타일 카탈로그 페이지에서 파일을 복사하거나 다운로드할 수 있습니다. 다운로드한 파일은 Claude, ChatGPT, Cursor 또는 저희 도우미에게 "이 스타일로 만들어 주세요"라고 요청하기 쉽습니다. 스타일 카탈로그를 참조하세요.
관세#
웹사이트에 스타일을 적용하는 기능은 유료 플랜에서만 이용 가능합니다. 플랜이 없는 경우, 스타일은 저장되며 결제 후 자동으로 적용됩니다.
질문과 답변#
스타일은 적용되었는데 사이트가 예시 이미지와 다르게 보입니다. 왜 그럴까요?#
색상, 글꼴, 모양 및 애니메이션 등 모든 요소에 스타일이 적용됩니다. 페이지 구조와 사진은 자유롭게 설정할 수 있습니다. 홈페이지를 예시처럼 만들려면 AI 비서에게 "히어로 페이지, 장점, 갤러리, 연락처를 포함한 홈페이지를 이 사이트 스타일로 디자인해 주세요."라고 요청하세요.
여러 사이트에 스타일을 적용할 수 있나요?#
네, 스타일이 현재 사이트에 적용되었습니다. 대시보드에서 다른 사이트로 이동한 후 스타일을 다시 적용해 주세요.
색상을 수동으로 변경한 다음 스타일을 적용했습니다. 어느 쪽이 더 나은가요?#
스타일. 스타일에서 지정한 색상이 수동으로 지정한 색상을 덮어씁니다. "코드 및 위젯" 섹션의 사용자 지정 CSS는 그대로 유지됩니다.
그 예시들은 어디에서 가져온 건가요?#
다양한 인기 웹사이트 스타일의 공개 카탈로그에서 선택하실 수 있습니다. 동영상과 포스터는 저희 서버에 저장되어 있습니다.