프로젝트 문의
NEW예시 시스템 전체 공개

AI가 읽고 쓰는
디자인 시스템.

색과 컴포넌트마다 쓰는 기준을 문서로 붙입니다.

예시 시스템 보기 서비스 보기

UI/UX · Design System

화면보다 먼저
규칙을 만듭니다.

값과 함께 쓰는 이유를 적어 둡니다.

Color Tokens

warm.0#FFFFFF
warm.100#F1EFE8
warm.200#E7E3DB
warm.500#8C8880
warm.700#55524C
warm.900#161513
red.500#E03131
red.600#C22525

Type Scale

주말에 배우는 손작업type.display
물레 도자기 입문type.title
흙을 만지는 것부터 천천히 시작합니다.type.body
토요일 · 2시간 · 성수type.caption

Components

예약하기 결제하기 일정 보기 나중에 예약 취소
전체도자기캔들
예약 확정입금 대기마감 임박

Spec · AI가 읽는 문서

button.accent
토큰accent.point · radius.pill · height 54
쓸 때결제, 예약 확정처럼 화면의 마지막 행동
쓰지 않을 때이미 화면에 있을 때 → button.primary
쓰지 않을 때되돌릴 수 없는 삭제 → button.danger
관련button.primary · button.soft
85,000원 결제하기

AI가 이 문서를 읽고 화면을 만듭니다

요청
예약 취소 확인 창을 만들어 줘.
AI가 읽은 기준
  • 되돌릴 수 없는 행동button.danger
  • 돌아가는 보조 행동button.soft
  • 화면 위에 뜨는 창elev.overlay
  • 큰 면의 모서리radius.surface
결과
예약을 취소할까요?

취소하면 자리가 다른 분께 넘어갑니다.

돌아가기예약 취소
디자인 시스템 자세히 보기

설계 · 제작 서비스

필요한 단계만 맡기실 수 있습니다.
범위와 기간을 듣고 견적을 드립니다.

UX AUDIT

화면 진단

상담 후 견적
  • 현재 화면 전수 조사
  • 문제 우선순위 정리
  • 개선안 리포트
상담 문의하기
대표 서비스 DESIGN SYSTEM

디자인 시스템 구축

상담 후 견적
  • 토큰 · 컴포넌트 정의
  • 쓰는 기준을 AI가 읽는 문서로 정리
  • 기존 화면에 적용
상담 문의하기
AI WORKFLOW

AI 작업 환경 세팅

상담 후 견적
  • 디자인 시스템을 AI 도구에 연결
  • 화면 생성 규칙 정리
  • 팀 사용 가이드 제공
상담 문의하기
UI/UX

서비스 UI/UX 설계

상담 후 견적
  • 사용자 흐름 · 정보 구조 설계
  • 주요 화면 디자인
  • 개발 전달용 화면 명세
상담 문의하기