← OpenDesign
큐레이션 · 오픈 · 무료
Startupblowup
스타트업의 기하급수적인 성장을 돕는, 장난스럽고 코믹 영감을 받은 서비스입니다.
Playful Consumer Bold Typography Expressive Productivity
01
디자인 DNA
장난스러운 스타트업 코믹 팽창 대담한
팝아트 코믹북 페이지
02
컬러
#000000Ink
#F4EDDCBG
#FFFFFFBG soft
rgba(0,0,0,1.0)Line
강렬한 블랙 아웃라인과 단일 지배적인 파스텔 톤의 높은 대비 코믹북 팔레트입니다.
03
타이포그래피
comic · humanist-sans
display 80px · 400body 16px · 400크고 전시용 텍스트에는 코믹 스타일 폰트를, 본문에는 깔끔한 산세리프 폰트를 사용합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
4px 기본 그리드
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 999px
2px solid black
06
레이아웃
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
텍스트가 형태 위에 직접 겹쳐지는 크고 중앙 정렬된 그래픽 요소입니다.
07
모션과 인터랙션
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1.0) easing
풍선 그래픽과 커스텀 커서로 암시되는 팽창/수축 효과입니다.
인터랙티브 요소에 커스텀 포인터 커서를 사용합니다. · 특정 요소에 커스텀 pointer-small 커서를 사용합니다.
08
컴포넌트
button 표준 버튼 대신 커스텀 커서 포인터(arrow, pointer, pointer-small)를 사용합니다. card 텍스트를 포함하는 큰 원형 풍선 형태입니다. chip 보이지 않습니다. input 보이지 않습니다. hero 화면 중앙에 배치된 거대한 핑크 풍선 그래픽과 그 위에 겹쳐진 코믹 텍스트입니다.
09
보이스와 금지 목록
톤 장난스럽고, 활기차며, 다소 도발적입니다. 헤드라인 두꺼운 블랙 아웃라인과 약간의 섀도우 효과가 있는 코믹북 스타일입니다. CTA 명시적으로 보이지 않지만, 대담하고 인터랙티브할 것으로 암시됩니다. 미묘한 그라디언트를 사용하지 마세요 — 스크린샷은 단색 채움을 보여줍니다. 세리프 타이포그래피를 사용하지 마세요 — 스크린샷은 코믹 및 산세리프 폰트를 보여줍니다. 어두운 배경을 사용하지 마세요 — 스크린샷은 밝고 따뜻한 배경을 보여줍니다. 복잡한 섀도우를 사용하지 마세요 — 스크린샷은 단순한 아웃라인이 있는 평면 요소를 보여줍니다. 음은된 색상을 사용하지 마세요 — 스크린샷은 강렬한 블랙과 밝은 핑크를 사용합니다. 표준 UI 컴포넌트를 사용하지 마세요 — 스크린샷은 커스텀 커서와 그래픽 형태를 사용합니다. 피하기: 세리프 폰트 피하기: 미묘한 그라디언트 피하기: 기업 용어 피하기: 음은된 색상 피하기: 작은 텍스트 크기
10
팩 안의 실제 스크린샷
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 실제 페이지에서 캡처 · 실 computed styles
11
System Prompt
이 사이트는 스타트업을 위한 장난스럽고 코믹 영감을 받은 서비스입니다. 디자인은 강렬한 블랙 앤 화이트 팔레트에 지배적인 파스텔 핑크 악센트를 사용합니다. 타이포그래피는 전시용 텍스트에 커스텀 코믹 폰트를, 본문에 깔끔한 산세리프 폰트에 의존합니다. 주요 인터랙션은 커스텀 커서와 팽창 테마를 포함합니다. 중요 금지 사항: 세리프 폰트를 사용하지 마세요, 미묘한 그라디언트를 만들지 마세요, 어두운 배경을 사용하지 마세요, 복잡한 섀도우를 사용하지 마세요, 음은된 색상을 사용하지 마세요, 그리고 표준 UI 컴포넌트를 사용하지 마세요.
더 보기
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
왜 수록: 이 사이트는 그래픽 요소와 커스텀 인터랙션을 활용하여 기억에 남는 경험을 만드는, 표현적이고 비기업적 스타트업 브랜딩의 대표적인 예로 포함할 가치가 있습니다.