블로그

AI가 2분 만에 완전한 워드프레스 사이트를 생성하는 방법

July 16, 2026

PAGEnza의 사이트 빌더를 구동하는 디자인 지시 시스템, 팔레트 생성 및 구텐베르크 블록 조립에 대한 심층 분석입니다.

사람들이 PAGEnza에 비즈니스 설명을 입력하고 생성 버튼을 누를 때마다 약 90초 동안 백그라운드에서 매우 복잡한 일이 발생합니다. 이 게시물에서는 정확히 어떤 일이 발생하는지 설명합니다.

템플릿의 문제점

대부분의 AI 웹사이트 빌더는 다음과 같이 작동합니다. 템플릿을 선택하고 텍스트를 교체한 다음 "AI 생성"이라고 부릅니다. 결과는 해당 플랫폼에서 구축된 다른 모든 사이트와 동일하게 보입니다.

PAGEnza는 다르게 작동합니다. 템플릿이 없습니다. 모든 사이트는 빈 구텐베르크 캔버스에서 시작하여 디자인 지시라고 부르는 일련의 디자인 규칙에 따라 알고리즘적으로 구축됩니다.

디자인 지시는 특정 사이트의 모든 시각적 및 구조적 결정을 설명하는 약 8,000 토큰의 구조화된 프롬프트입니다. AI 호출이 이루어지기 전에 입력에 따라 Python으로 구축됩니다.

6가지 부분으로 구성됩니다.

파트 A — 브랜드 아이덴티티: 산업, 비즈니스 이름, 톤(예: "전문적" 대 "장난스러운"), 타겟 고객.

파트 B — 색상 시스템: 알고리즘적으로 생성되고 WCAG AA 대비 규칙에 대해 검증된 4색 팔레트(ink, bg1, bg2, accent). 모든 팔레트는 추측이 아닌 실제 휘도 수학으로 확인됩니다.

파트 C — 타이포그래피: 80개 이상의 Google 글꼴 중에서 선택한 글꼴 트리오(제목 / 본문 / 액센트). 산업 아키타입별로 필터링되고 latin-ext 문자 지원을 포함하도록 확인됩니다.

파트 D — 레이아웃 청사진: 페이지 구조 — 어떤 섹션이 어떤 순서로 어떤 변형으로 나타나는지(예: 전체 너비 이미지가 있는 히어로 대 분할 레이아웃이 있는 히어로).

파트 E — 디자인 제약 조건: 테두리 반경 스타일(sharp / soft / rounded), 섹션 구분선 모양, 이미지 처리, 간격 시스템.

파트 F — 콘텐츠 규칙: 텍스트가 어디에 배치되는지, 헤드라인이 어떻게 구성되는지, 어떤 CTA가 나타나는지.

색상은 대부분의 AI 도구가 실패하는 부분입니다. LLM에게 색상 선택을 요청하면 격리된 상태에서는 괜찮아 보이지만 접근성 테스트에 실패하거나 단순히 일반적으로 보이는 무작위 16진수 코드를 얻게 됩니다.

우리는 다른 접근 방식을 취합니다. 우리의 팔레트 시스템은 다음과 같이 작동합니다.

팔레트가 확인에 실패하면 자동으로 교체됩니다. 이 단계에서는 LLM이 관여하지 않습니다. 순수한 수학입니다.

디자인 지시가 준비되면 Gemini Flash로 전송되며, 다음을 지정하는 엄격한 프롬프트가 제공됩니다.

AI는 HTML이나 React가 아닌 실제 WP 블록 마크업인 원시 구텐베르크 블록 JSON을 반환합니다. 그런 다음 해당 JSON은 여러 검증 단계를 거칩니다.

결과는 WP REST API를 통해 WordPress에 직접 업로드되고 사이트의 홈페이지로 활성화됩니다.

동일한 산업에 대해서도 각 생성마다 여러 가지가 달라집니다.

그 결과 같은 날 생성된 두 피자 레스토랑은 색상, 글꼴, 레이아웃이 다르지만 둘 다 WCAG AA를 준수하게 됩니다.

현재 다음을 작업 중입니다.

시스템이 작동하는 것을 보려면 생성기를 무료로 사용해 볼 수 있습니다. 첫 번째 사이트는 계정 없이도 가능합니다.