큐레이션 · 오픈 · 무료

Designstripe

세일즈 및 마케팅 팀을 위한 에셋 자동화 디자인 에이전트입니다.

SaaSAIProductivityEditorialPremium
Designstripe 스크린샷
OpenDesign 에서 열기

원본 사이트: https://designstripe.com

01

디자인 DNA

AIDesignRevenueAutomationBrand

AI 기반의 B2B 팀을 위한 현대적인 디자인 스튜디오입니다.

02

컬러

#FFF347Accent
#2C2C26Ink
#6D6E5EInk soft
#F6F6F4BG
#979886Muted
rgba(0,0,0,0.1)Line

기능적 하이라이트를 위해 단일의 밝은 옐로우 악센트를 사용하는, 절제되고 따뜻한 중성 팔레트와 고대비 타이포그래피입니다.

03

타이포그래피

transitional-serif · monospace

모든 UI 텍스트, 네비게이션, 단락에 모노스페이스를 사용합니다. · 강조되는 디스플레이 제목에는 트랜지셔널 세리프를 예약합니다. · 큰 세리프 타입에 좁은 자간을 적용합니다.

04

여백

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

깔끔하고 에디토리얼한 느낌을 위한 여유로운 여백의 8px 기본 그리드입니다.

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

보이지 않음

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

넓은 마진과 두터운 여백을 갖춘, 중앙 정렬된 단일 칼럼 에디토리얼 레이아웃입니다.

07

모션과 인터랙션

150msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

인터랙티브 요소에서의 부드러운 색상 및 변형 전환입니다.

미묘한 배경색 변화 또는 외곽선 하이라이트입니다. · 색상이나 스케일을 통한 즉각적인 시각적 피드백입니다.

08

컴포넌트

09

보이스와 금지 목록

11

System Prompt

Design stripe는 AI 기반 에셋 생성을 위한 프리미엄 B2B SaaS 도구입니다. 시각적 DNA는 따뜻한 오프화이트 배경(#F6F6F4)과 다크 차콜 텍스트(#2C2C26)를 사용하는 간결한 에디토리얼 레이아웃으로 정의됩니다. 타이포그래피는 히어로 디스플레이용 고대비 트랜지셔널 세리프와 다른 모든 UI 요소용 실용적인 모노스페이스로 엄격하게 구분됩니다. 단일의 높은 채도 옐로우(#FFF347)가 하이라이트 및 진행 표시기용 기능적 악센트로 작동합니다. 핵심 제약 조건: 여러 악센트 색상을 사용하지 말고, 본문에 산세리프를 사용하지 말며, 부드럽고 통통한 컴포넌트 모양을 사용하지 마세요. 레이아웃을 넓게, 중앙 정렬하고, 명확한 대문자 타이포그래피 계층에 집중하세요.

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

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

OpenDesign 스킬 ↗

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