큐레이션 · 오픈 · 무료

Stellar Work

에이전시급 속도로 전달하는 엘리트 디자인 서비스입니다.

01

디자인 DNA

속도와 독점성을 제공하는 하이엔드 디자인 부티크입니다.

02

컬러

주요 행동을 위한 단일의 일렉트릭 퍼플 액센트를 적용한 어둡고 중립적인 기반입니다.

03

타이포그래피

grotesque-sans

• display80px · 400
• display-lg96px · 400
• body16px · 400

대형 디스플레이 텍스트의 타이트한 트래킹 · 섹션 간 넉넉한 수직 간격

04

여백

유연한 그리드와 넉넉한 수직 패딩(128-280px)으로 공간감을 조성합니다.

05

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

미세한 분리를 위해 rgba(255,255,255,0.2)의 1px 테두리를 적용합니다.

0px 0px 16px 0px rgba(255, 219, 0, 0.5)

06

레이아웃

넉넉한 수평 패딩과 히어로 섹션의 타이트한 수직 정렬을 갖춘, 중앙 정렬된 넓은 컨테이너입니다.

07

모션과 인터랙션

모든 인터랙티브 요소의 부드러운 트랜지션(0.3초) · 콘텐츠 표시를 위한 섬세한 페이드 인

버튼과 인터랙티브 요소의 미세한 배경 또는 투명도 변화입니다. · 약간의 스케일 또는 투명도 변화로 즉각적인 시각적 피드백을 제공합니다.

08

컴포넌트

• button 알약 형태(border-radius: 50px)로, 솔리드 액센트 채우기와 화이트 텍스트를 사용합니다.
• card rgba(23,23,24,1.0)의 다크 배경 카드로, 섬세한 테두리와 둥근 모서리를 적용합니다.
• chip 필터링을 위한 알약 형태의 태그입니다(예: '브랜딩', '웹 디자인').
• hero 이미지를 최소화한 다크 배경 위에 타이트하게 트래킹된 대형 디스플레이 타이포그래피를 배치합니다.

09

보이스와 금지 목록

• 톤 자신감 있고 직접적이며 프리미엄 느낌입니다.
• 헤드라인 짧고 강렬하며 가치 중심적인 문구입니다.
• CTA '예약하기' 또는 '시작하기'와 같이 명확하고 행동을 유도하는 동사입니다.

• 밝거나 파스텔 톤의 배경을 사용하지 마세요 — 스크린샷에서는 딥 다크 그레이(#171718)를 사용합니다
• 장식적이거나 손글씨 폰트를 사용하지 마세요 — 스크린샷에서는 깔끔한 그로테스크 산스체를 사용합니다
• 여러 고채도 액센트 컬러를 사용하지 마세요 — 스크린샷에서는 단일의 지배적인 퍼플(#6A48F2)만 사용합니다
• 작고 비좁은 디스플레이 타이포그래피를 사용하지 마세요 — 스크린샷에서는 타이트하게 트래킹된 대형 헤드라인을 사용합니다
• 버튼에 날카롭고 각진 모서리를 사용하지 마세요 — 스크린샷에서는 알약 형태(50px 반경) 버튼을 사용합니다
• 복잡하고 지저분한 레이아웃을 사용하지 마세요 — 스크린샷에서는 넉넉한 여백과 깔끔한 그리드를 사용합니다
• 피하기: 겸손하거나 지나치게 공손한 표현
• 피하기: 일반적인 기업용 전문 용어
• 피하기: 과도한 감탄사
• 피하기: 장황한 설명

10

팩 안의 실제 스크린샷

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

11

System Prompt

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