큐레이션 · 오픈 · 무료

Lindy

바쁜 전문가를 위한 AI 기반 노트 작성 및 일정 관리 어시스턴트입니다.

aiagent
Lindy 스크린샷
↓ 디자인 시스템 다운로드 (16 MB)OpenDesign 에서 열기

원본 사이트: https://www.lindy.ai

📦 팩 내용 보기 →

01

디자인 DNA

전문적효율적어시스턴트자동화된신뢰할 수 있는

일상적인 업무를 처리하여 중요한 일에 집중할 수 있게 해주는 세계적인 수준의 임원 비서입니다.

02

컬러

#2A66FFAccent
#0F1E2EInk
#FCF9F8BG
#474A55Muted
rgba(0, 0, 0, 0.08)Line

따뜻한 오프화이트 캔버스와 전략적인 블루/골드 액센트가 어우러진 전문적인 명료함.

03

타이포그래피

grotesque-sans · humanist-sans

제목은 좁은 자간과 문장형 대문자를 사용합니다. · 본문 텍스트는 가독성을 위해 일관된 1.5 줄 높이를 유지합니다. · 대부분의 텍스트에는 굵기 500의 볼드체를 표준으로 사용하며, 700은 액센트용으로 예약합니다.

04

여백

4px
8px
12px
16px
20px
24px
32px
48px
64px
96px

주요 섹션을 위한 일관된 64px 세로 리듬, 그리드 요소를 위한 24px 거터.

05

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

sm · 8px
md · 12px
lg · 24px
pill · 1440px

카드 분리를 위해 미세한 rgba(0, 0, 0, 0.08)를 사용하는 1px 얇은 테두리.

rgba(0, 0, 0, 0.15) 0px 1px 10px 0px · rgba(20, 21, 26, 0.05) 0px 1px 2px 0px

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

중앙 정렬 단일 열 히어로에서 기능을 위한 12열 그리드로 이어지는 구조.

07

모션과 인터랙션

220msmicro
300mssmall
450msmedium
cubic-bezier(0.22, 1, 0.36, 1)easing

버튼과 링크의 hover 상태에 대한 부드러운 전환 (0.2s). · 인터랙티브 요소의 변형 기반 움직임 (0.45s). · 콘텐츠 표시를 위한 미세한 투명도 페이드 (0.3s).

인터랙티브 요소의 배경색 변화 또는 그림자 높이 변화. · 미세한 크기 또는 색상 변화를 통한 즉각적인 피드백.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

Lindy는 따뜻한 오프화이트(#FCF9F8) 캔버스 위에 선보이는 프로 전문가용 프리미엄 AI 생산성 도구입니다. 디자인 DNA는 기본 텍스트를 위한 깊은 네이비(#0F1E2E)와 주요 액센트인 선명한 블루(#2A66FF), 그리고 보조 골드 하이라이트를 중심으로 합니다. 타이포그래피는 본문 텍스트를 위한 깔끔하고 현대적인 humanist-sans(Manrope)와 제목을 위한 약간 더 구조적인 grotesque-sans를 사용하며, 굵기 500-700을 적극 활용합니다. 레이아웃은 넓고 중앙 정렬되어 명료함을 우선시합니다. 핵심 주의 사항: 메인 배경에 순백을 절대 사용하지 말 것, 주요 UI 요소에 날카로운 모서리를 사용하지 말 것, 제목에 얇거나 대비가 낮은 텍스트를 절대 사용하지 말 것. 톤은 전문적이고 도움이 되며, 자동화를 통한 시간 절약이라는 핵심 가치 제안에 초점을 맞춥니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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