TL;DR

  • Valet는 회사의 공개 웹사이트를 분석해 색상·서체·간격·이미지·모션·개성을 에이전트가 따를 수 있는 맞춤형 디자인 시스템으로 변환함.
  • AI 에이전트가 만든 페이지는 비슷한 그라디언트·플로팅 카드·대형 헤드라인·모호한 일러스트가 반복돼 서로 다른 콘텐츠에서도 획일적인 인상을 주는 문제가 있음.
  • 동일한 프롬프트도 Easy Expense, Particle, Valet, Tin Can의 디자인 시스템에 따라 체크리스트·기술 퀵스타트·비즈니스 메모·대화형 콘텐츠로 다르게 해석됨.
  • 디자인 정체성은 외형뿐 아니라 콘텐츠·어조·프레이밍에 취향과 가치를 일관되게 적용하는 방식이며, 독자의 인지 부하를 줄이고 신뢰와 친숙함을 높이는 요소임.
  • Valet는 Atlas, Dispatch, Folio, Studio 디자인 시스템을 기본 제공하며, 팀이 이를 검사·편집·교체해 조직 고유의 시스템으로 다듬을 수 있음.

AI가 만든 결과물에 정체성 부여

  • 에이전트는 몇 분 안에 세련된 페이지를 만들 수 있지만, 결과물이 AI로 제작됐다는 사실을 알아보기 쉬운 경우가 많음.
  • 비슷한 그라디언트, 플로팅 카드, 지나치게 큰 헤드라인, 모호한 일러스트가 일관되지 않게 적용되면서 서로 관련 없어 보이는 결과물이 비슷한 인상을 주는 문제가 있음.
  • 결과물에는 고객과 팀이 이미 알고 있는 조직의 정체성이 담겨야 함.
  • 업무용 이메일로 Valet에 가입하면 회사의 공개 웹사이트를 바탕으로 맞춤형 디자인 시스템이 생성됨.
  • Valet에는 공개 URL을 입력할 수 있으며, 해당 사이트의 색상, 서체, 간격, 이미지, 모션, 개성을 에이전트가 따를 수 있는 지침으로 변환함.

하나의 작업을 네 가지 디자인 시스템으로 해석

  • 동일한 작업이 기존 웹사이트에서 Valet가 도출한 네 가지 디자인 시스템에 따라 다르게 해석됨.
  • 각 페이지는 결과물의 방향을 제시하고 독자가 시작할 수 있도록 동일한 프롬프트로 구축됨.
  • Easy Expense는 자료를 체크리스트로 변환함.
  • Particle은 기술 퀵스타트를 작성함.
  • Tin Can은 대화를 시작하는 형식으로 구성함.
  • Valet는 비즈니스 메모로 만듦.
  • 사실관계는 고정된 상태로 유지되지만, 정체성에 따라 계층 구조·언어·상호작용이 달라짐.

정체성을 디자인 시스템 스킬로 캡처

  • 정체성은 외형에만 국한되지 않으며, 콘텐츠·어조·프레이밍에 취향과 가치를 일관되게 적용하는 구현 방식임.
  • 일관성은 독자의 인지 부하를 줄이고 시간이 지나면서 신뢰와 친숙함을 형성함.
  • Valet는 조직의 정체성을 어떤 에이전트든 결과물 제작에 사용할 수 있는 디자인 시스템 스킬로 캡처함.
  • 팀은 해당 스킬을 검사하고, 편집하거나, 다른 시스템으로 교체할 수 있음.

기본 제공 디자인 시스템과 맞춤화

  • Valet에는 Atlas, Dispatch, Folio, Studio 디자인 시스템이 기본 내장됨.
  • 네 가지 시작점 중 하나를 선택한 뒤 조직 고유의 맞춤형 디자인 시스템이 되도록 편집할 수 있음.
  • 업무용 이메일로 가입하면 Valet가 회사의 공개 사이트에서 디자인 시스템을 생성하고, 에이전트가 조직의 정체성에 맞는 결과물을 만들 수 있도록 함.