큐레이션 · 오픈 · 무료

Reboot Studio

소프트웨어 스타트업용 마케팅 사이트 구축을 위한 프리미엄 에이전시 포트폴리오입니다.

01

디자인 DNA

소프트웨어 창업자를 위한 하이엔드 맞춤 스튜디오입니다.

02

컬러

강한 타이포그래피 대비를 가진 엄격한 단색 팔레트입니다.

03

타이포그래피

humanist-sans

• display40px · 500
• body16px · 500
• caption14px · 500

Inter 또는 유사한 휴머니스트 산세리프 사용 · 큰 디스플레이 사이즈에 좁은 네거티브 자간 적용 · 기본 텍스트 요소에 500 폰트 두께를 엄격히 유지

04

여백

관찰된 128px 상단 패딩을 포함한 넉넉한 수직 간격과 큰 패딩 블록입니다.

05

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

rgba(0, 0, 0, 0.1) 또는 rgb(229, 231, 235)를 사용하는 단색 1px 테두리입니다.

0px 1px 1px -0.5px rgba(0,0,0,0.06) · 0px 10px 15px -3px rgba(0,0,0,0.1) · 0px 0px 0px 1px rgba(0,0,0,0.05)

06

레이아웃

광범위한 여백으로 둘러싸인 최대 폭을 가진 중앙 정렬 콘텐츠 블록입니다.

07

모션과 인터랙션

텍스트 블록의 부드러운 페이드인 및 전환 · 상호작용 요소의 미묘한 스케일링 또는 색상 변화

상호작용 요소의 미묘한 투명도 또는 색상 변화입니다. · 부드러운 전환과 즉각적인 시각적 반응입니다.

08

컴포넌트

• button 어두운 배경(#232323) 또는 미묘한 테두리가 있는 투명 배경의 타원형 버튼입니다.
• card 제공된 뷰에서 두드러지게 나타나지 않습니다.
• chip 1px 테두리와 둥근 모서리가 있는 작은 타원형 태그(예: 'Hiring · Web Designer')입니다.
• input 제공된 뷰에서 두드러지게 나타나지 않습니다.
• hero 흰색 배경에 중앙 정렬된 어두운 및 음영 회색 텍스트를 혼합한 큰 타이포그래피 레이아웃입니다.

09

보이스와 금지 목록

• 톤 자신감 있고 전문적이며 직설적인 어조입니다.
• 헤드라인 직접적이고 선언적인 문장입니다.
• CTA 단순하고 행동 지향적입니다(예: 'See work').

• 여러 악센트 색상을 사용하지 마십시오 — 스크린샷은 엄격한 흑백 및 그레이 팔레트를 보여줍니다.
• 장식용 세리프 서체를 사용하지 마십시오 — 스크린샷은 휴머니스트 산세리프의 일관된 사용을 보여줍니다.
• 붐비는 레이아웃을 만들지 마십시오 — 스크린샷은 넓은 여백과 중앙 정렬된 콘텐츠 열을 보여줍니다.
• 무거운 배경 텍스처를 사용하지 마십시오 — 스크린샷은 평면적인 단색 흰색 배경을 보여줍니다.
• 모든 요소에 복잡한 드롭 섀도우를 사용하지 마십시오 — 스크린샷은 최소한의 미묘한 섀도우를 보여줍니다.
• 본문에 대문자를 사용하지 마십시오 — 스크린샷은 표준 문장 대소문자와 소문자를 보여줍니다.
• 피하기: 지나치게 복잡한 전문 용어
• 피하기: 공격적인 판매 언어
• 피하기: 불필요한 장식 요소

10

팩 안의 실제 스크린샷

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

11

System Prompt

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