큐레이션 · 오픈 · 무료

Informed

에디토리얼, PR, 마케팅 팀을 위한 콘텐츠 생산을 자동화하는 AI 콘텐츠 파일럿입니다.

01

디자인 DNA

친절하면서도 효율적인 AI 콘텐츠 인턴이 무거운 작업을 처리합니다.

02

컬러

강조 및 행동을 위한 생생하고 고채도의 녹색 악센트로 주도되는 깨끗한 흰색 기반 팔레트.

03

타이포그래피

humanist-sans

• display69px · 400
• display-sm28px · 400
• body17px · 400
• body-sm20px · 400

04

여백

단일 열을 중심으로, 뚜렷한 콘텐츠 블록 사이를 넉넉한 수직 패딩이 분리합니다.

05

표면 (라운드 / 그림자 / 경계선)

1px solid rgb(0, 0, 0)

0px 8.67px 26px 0px rgba(0, 0, 0, 0.08) · 0px 26px 52px 0px rgba(0, 0, 0, 0.08)

06

레이아웃

넉넉한 여백과 뚜렷한 전체 폭 배경 섹션을 가진 중앙 정렬 단일 열 레이아웃.

07

모션과 인터랙션

인터랙티브 요소의 색상, background-color, border-color에 대한 부드러운 0.25초 트랜지션. · 레이아웃 변화를 위한 은은한 0.5초 transform 트랜지션.

부드러운 0.25초 트랜지션과 함께 background-color 또는 opacity의 은은한 변화. · 표준 active 상태를 통한 즉각적인 시각적 피드백.

08

컴포넌트

• button 생생한 녹색 배경에 흰색 텍스트를 가진 pill 형태의 솔리드 버튼으로, 부드러운 drop-shadow가 적용되어 있습니다.
• card 은은한 그림자가 있는 둥근 모서리 컨테이너로, 때로는 선택 상태를 나타내기 위해 두드러진 4px solid 녹색 테두리가 적용됩니다.
• chip 카테고리 분류에 사용되는 솔리드 녹색 배경과 흰색 텍스트를 가진 pill 형태의 태그.
• input 표준 UI 관례에 의해 암시되는 간단한 테두리가 있는 텍스트 필드.
• hero 서브 헤드라인과 두드러진 call-to-action 버튼 위에 중앙 정렬된 큰, 타이트한 자간의 헤드라인.

09

보이스와 금지 목록

• 톤 전문적이고, 격려하며, 명확한 톤.
• 헤드라인 가치 제안에 중점을 둔 굵은, 타이트한 자간의 소문자 또는 문장 첫 글자 대문자 statements.
• CTA '직접 사용해 보세요' 또는 '플랜 선택'과 같은 직접적이고 행동 지향적인 구절.

• 세리프 타이포그래피를 사용하지 마세요 — 스크린샷은 모든 텍스트 요소에 깨끗한 humanist-sans-serif 폰트를 독점적으로 사용합니다.
• 다크 모드나 어두운 배경을 사용하지 마세요 — 스크린샷은 주로 흰색과 밝은 회색 배경을 특징으로 합니다.
• 다양한 색상을 사용하지 마세요 — 팔레트는 엄격하게 흰색, 검정, 회색, 그리고 단일의 생생한 녹색 악센트로 제한됩니다.
• 날카로운 90도 모서리를 사용하지 마세요 — 스크린샷은 부드러운_look을 위해 큰 border-radius 값을 일관되게 적용합니다 (최대 43px).
• 빽빽한 다중 열 레이아웃을 사용하지 마세요 — 스크린샷은 엄격하게 단일 열, 수직 적층, 중앙 정렬 레이아웃을 보여줍니다.
• 무거운 drop-shadow를 사용하지 마세요 — 스크린샷은 깊이감을 위해 매우 미세하고 가벼운 drop-shadow에 의존합니다.
• 피하기: 지나치게 복잡한 전문 용어
• 피하기: 공격적인 판매 언어
• 피하기: 빽빽한 문단

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko