콘텐츠로 이동
AtlasAtlas CMS Docs
Delivery API
기능을 전제로 계획하기 전에 기능 현황을 확인하세요.

가이드디자인

Website helper와 팔레트

짧은 인터뷰로 웹사이트를 기획하고, 페이지와 섹션 추천을 받고, 블루프린트를 승인하고, 로고에서 색상 팔레트를 고르세요.

이 페이지는 영어에서 번역되었습니다. 내용이 다를 경우 영어 버전이 우선합니다. 영어로 읽기

Helper로 웹사이트 기획

섹션 제목: “Helper로 웹사이트 기획”

Design → Website helper를 엽니다. 상단 배지에는 제안이 Claude suggestions를 사용하는지 Matching without AI를 사용하는지 표시됩니다.

  1. 계획을 시작합니다. Plans에서 이름을 지정하고 Start plan을 클릭합니다.

  2. 인터뷰에 답합니다(1. Discovery). 1라운드에는 질문 8개가 있고 그중 5개가 필수입니다. 업종, 주요 목표, 대상 고객, 지역, 브랜드 근거입니다. 필수 질문에는 Save answer를 하거나 Let Atlas assume을 선택할 수 있습니다. 2라운드에는 선택 사항인 후속 질문이 최대 7개(리드 수집, 상품/서비스 페이지, 언어, 규정 준수, 신뢰 근거, 동작 수준, 콘텐츠 담당자) 열리며, 각각 질문하는 이유가 함께 표시됩니다.

  3. 브리프를 추가합니다(2. Briefs), 선택 사항. 256 kB 이하의 텍스트, Markdown, JSON 파일을 업로드합니다. 브리프는 일반 정보로만 읽히며, 그 안의 지시문은 표시만 되고 따르지 않습니다.

  4. 추천을 받습니다(3. Recommendations). Atlas가 페이지 유형, 웹사이트에 이미 있는 섹션, 승인된 라이브러리 항목을 제안하고 Assumptions를 나열합니다.

  5. 블루프린트를 승인합니다(4. Blueprint). 각 Page title과 **Address (slug)**를 조정한 다음 Approve blueprint를 클릭합니다. 승인된 블루프린트는 변경되지 않습니다. 방향을 바꾸려면 새 계획을 시작하세요.

  6. 초안 페이지를 만듭니다. Create draft pages를 클릭한 다음 Open draft로 페이지 편집기에서 내용을 채웁니다. 아무것도 게시되지 않습니다.

AI와 크레딧. AI 제안이 켜져 있으면 추천마다 조직의 AI 크레딧이 사용됩니다. AI가 설정되지 않았거나, 크레딧이 남아 있지 않거나, AI를 사용할 수 없으면 Atlas는 AI 없는 매칭으로 대체하며 비용을 청구하지 않습니다.

제한. 사이트당 최대 50개의 계획, 계획당 최대 10개의 브리프. 초안 페이지는 해당 페이지 유형을 기준으로 빈 상태로 만들어지며, 추천된 라이브러리 항목은 나열만 되고 페이지에 배치되지는 않습니다.

로고에서 팔레트 고르기

섹션 제목: “로고에서 팔레트 고르기”

Design → Brand를 열고 Palettes from your logo 카드를 찾습니다(사이트에 활성 사이트 계약이 필요합니다).

  1. Sample colours from에서 색상을 추출할 대상(로고 또는 미디어 이미지, PNG, JPEG, WebP, GIF)을 선택하고 Suggest palettes를 클릭합니다.

  2. 여섯 개의 팔레트를 비교합니다. From your logo 세 개와 Independent 세 개입니다. 각각 WCAG 대비가 AA, AA large, Fails로 표시됩니다. Preview width를 Phone과 Desktop 사이에서 전환하고 Compare on a page를 클릭하면 실제 페이지에서 확인할 수 있습니다.

  3. Edit tokens를 클릭해 12가지 색상(배경, 표면, 텍스트, 보조 텍스트, 기본 동작, 기본 색상 위 텍스트, 강조, 테두리, 성공, 경고, 오류, 포커스 링) 중 원하는 것을 조정합니다. 수정하는 동안 대비가 다시 측정되며, Reset to suggested로 변경을 되돌릴 수 있습니다.

  4. Use this palette를 클릭합니다. 텍스트 대비가 4.5:1 미만인 팔레트는 제공되지 않습니다.

팔레트를 사용하면 사이트 설정 변경이 제안될 뿐 웹사이트가 바뀌지는 않습니다. 사이트 관리자가 Site setup에서 이를 검토하고 활성화하며, 개발자가 색상 토큰을 CSS에 매핑합니다. Atlas는 제안과 함께 개발자용 작업을 표시합니다.

템플릿. Save as template은 팔레트를 조직의 모든 사이트에서 사용할 수 있도록 저장합니다(템플릿 최대 100개). 다른 사이트에서는 Use template으로 사용합니다.

코딩 에이전트용

섹션 제목: “코딩 에이전트용”

Read website plans 권한이 있는 코딩 에이전트 연결은 MCP를 통해 승인된 블루프린트, 팔레트, 디자인 토큰을 읽기 전용으로 읽을 수 있습니다. AI 에이전트 (MCP)를 참고하세요.

크리에이티브 라이브러리와 애니메이션글꼴