에이전시 및 비즈니스 서비스 디자인 시스템
에이전시, 스튜디오, 컨설팅, 비즈니스 서비스 웹사이트에서 추출한 디자인 시스템이에요. 스튜디오의 웹사이트는 곧 포트폴리오이기도 해서, 일반적인 제품 사이트보다 과감한 서체와 개성이 담긴 경우가 많아요.
이 카테고리의 DESIGN.md 예시 2개: Magentix Studio 및 Shopify. 각 사이트의 공개 페이지에서 추출한 것으로, 공식 브랜드 가이드라인이 아니에요. 이 형식이 처음이라면 DESIGN.md란 무엇인지 읽어 보세요.
Magentix Studio
Magentix Studio는 AI 중심 제품 스튜디오의 모습을 에디토리얼하고 아트 갤러리 같은 분위기의 디자인으로 표현합니다.
Shopify
Shopify의 마케팅 홈페이지는 화면 전체를 채우는 역동적인 동영상 히어로 섹션을 사용하며, 배경은 #02090a의 거의 검은색으로 위쪽 흰색 내비게이션 바와 강하게 대비됩니다. 주요 브랜드 강조색은 선명한 민트 그린 #36f4a4이며, 하이라이트와 인터랙티브 상태에만 절제해서 사용합니다. 타이포그래피는 디스플레이 및 에디토리얼 제목에 NeueHaasGrotesk를, UI 본문에 Inter-Variable을 나누어 적용합니다. CTA 버튼은 완전히 둥근 필(pill) 형태(border-radius: 9999px)를 사용합니다. 전체적인 시스템은 자신감 있고 고대비이며 열망을 자극하는 느낌으로, 방문자를 판매자로 전환하도록 설계되어 있습니다.
원하는 사이트가 없나요?
URL만 붙여 넣으면 어떤 웹사이트든 DESIGN.md로 추출해요. 색상, 타이포그래피, 간격, 토큰을 AI 워크플로에 바로 쓸 수 있어요.