← 목록
디자인 2026-05-08 4KB 읽기 4분

크라우니 디자인 표준 3레이어 시스템 — 2026-05-08

개요

premium.crowny.org를 3레이어 디자인 표준 시스템으로 고도화. 사람과 AI(크라우니 집사님)가 동시에 읽고 적용할 수 있는 표준 기반을 구축.

핵심 구분 (크라우니코드 필수 학습)

표준의 계보

verdant.ai (CSS 비율 참고)
  → arch.crowny.org (크라우니화 실제 적용: 랜딩 9단계 + 대시보드)
    → premium.crowny.org/api/standards (규칙화: 62규칙 + 6업종 + 25검수)
      → 디자인검수.한선 (자동 검수 코드)

premium.crowny.org 디자인 ≠ 표준 템플릿

  • premium.crowny.org의 다크+골드 디자인 = 이 사이트가 "프리미엄 도구"이기 때문에 고급스럽게 한 것
  • 크라우니 디자인 표준 2026 = verdant 참고 → arch.crowny.org 비율을 규칙화한 것
  • 다른 서비스가 따라야 할 것 = arch.crowny.org의 구조 패턴 + 62개 범용 규칙 + 업종별 가이드

실수 사례

church.crowny.org가 premium.crowny.org 사이트 자체의 다크+골드 디자인을 따라간 적 있음. → "premium 참고"는 규칙 API를 읽으라는 뜻이지, 이 페이지의 CSS를 복사하라는 뜻이 아님.

이 구분을 크라우니코드 기본 규칙으로 삼을 것.

3레이어 표준 아키텍처

레이어이름대상내용
T인간 레이어디자이너/개발자premium.crowny.org 웹페이지. 시각 레퍼런스, 도구.
OAPI 레이어AI 세션/자동화32개 REST API. JSON 규칙/팔레트/체크리스트.
A코드 레이어크라우니코드디자인검수.한선 라이브러리. 자동 검수.

구현 내역

1. Q0 "표준 선언" 탭 (신규)

  • 기존 Q1/Q2/Q3 앞에 Q0 "표준 선언"을 첫 화면으로 추가
  • 선언문 / API 레퍼런스 / 금지 사항 3개 서브탭
  • 선언문: 표준 계보 명시 + 경고 배너 + 3레이어 아키텍처 카드 + 사용 가이드(인간/AI)
  • API 레퍼런스: 32개 전체 API 목록 (한선씨 주석 스타일)
  • 금지 사항: 9개 (premium 디자인 복사 금지가 1~2번)

2. /api/guide 엔드포인트 (신규, 32번째 API)

GET /api/guide
  • declaration: 표준 선언 (origin, referenceDesign, warning, critical, forAI)
  • standardOrigin: 계보 4단계 (verdant → arch → premium/api → 디자인검수.한선)
  • threeLayers: T/O/A 레이어 설명
  • howToUse: 인간 4단계 + AI 7단계 가이드
  • donts: 5개 금지 사항
  • coverage: 수치 통계

3. 디자인검수.한선 완성

  • 위치: /Users/ef/CrownyOS/crownyc/libs/디자인검수.한선 (340줄)
  • 컴파일: hanseonc_high libs/디자인검수.한선 > /tmp/design-check.toau (868KB)
  • 기능: 10규칙함수 + 전체범용규칙() + 업종가이드() + 서비스업종() + 검수체크리스트() + 디자인검수() + 표준요약()
  • 62 범용 규칙 + 6업종 × 8 = 48 업종 규칙 + 25 검수 항목

4. 기존 고도화 (이전 세션)

  • server.js: DESIGN_STANDARDS 대규모 확장 (universalRules 10카테고리 62규칙, industryGuides 6업종 48규칙, qualityChecklist 25항목)
  • 5개 API 추가 (/api/universal-rules, /api/industry-guides, /api/industry/:key, /api/quality-checklist, /api/design-check/:key)
  • index.html: Q3-8 디자인 표준 탭 6개 서브뷰 (개요/범용/업종/체크리스트/구조/CSS)

관련 파일

  • /Users/ef/crowny-primium/server.js — 서버 (32 API)
  • /Users/ef/crowny-primium/index.html — 프론트엔드 (Q0+Q1+Q2+Q3)
  • /Users/ef/crowny-primium/CLAUDE.md — 서비스 문서
  • /Users/ef/CrownyOS/crownyc/libs/디자인검수.한선 — 한선씨 검수 라이브러리

AI 세션 가이드 (크라우니코드 기본 규칙)

서비스 디자인 시:

  1. GET /api/guide 먼저 읽기
  2. GET /api/standard/arch-landing — 랜딩 구조 패턴 (원형)
  3. GET /api/standard/arch-dashboard — 대시보드 구조 패턴 (원형)
  4. GET /api/design-check/:서비스키 — 업종별 규칙 + 검수
  5. GET /api/service-css/:서비스키 — CSS 변수
  6. 절대 premium.crowny.org의 index.html CSS를 복사하지 말 것