큐레이션 · 오픈 · 무료

June

수제 개인적 손길로 회사 인수를 알리는 따뜻하고 창립자 중심의 에디토리얼 페이지입니다.

01

디자인 DNA

고급 용지에 쓴 편지

02

컬러

부드러운 오프화이트 배경에 고대비의 깊은 네이비 텍스트와 단일 밝은 인디고 강조색을 사용합니다.

03

타이포그래피

geometric-sans · humanist-sans

• display56px · 900
• heading40px · 700
• subheading18px · 400
• caption12px · 700

04

여백

단락과 섹션 사이에 넉넉한 수직 패딩을 적용하여 깔끔하고 호흡이 편한 레이아웃을 유지합니다.

05

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

시각적 무게감을 추가하지 않고 가장자리를 정의하기 위한 은은한 1px 라이트 그레이(#E9ECEF) 테두리입니다.

0px 1px 3px 0px rgba(0, 0, 0, 0.1) · 0px 2px 10px 0px rgba(13, 19, 27, 0.1) · 0px 0px 2px 0px rgba(13, 19, 27, 0.2)

06

레이아웃

메인 콘텐츠를 위한 단일 열 에디토리얼 레이아웃, 그 아래 전폭 프로모션 배너 섹션을 배치합니다.

07

모션과 인터랙션

인터랙티브 요소의 매끄러운 배경색 전환입니다.

링크와 인터랙티브 요소의 미세한 배경색 변화 또는 투명도 변화입니다. · 모든 클릭 가능한 요소에 표준 포인터 커서를 사용합니다.

08

컴포넌트

• button 보이는 테두리나 배경 없이 미니멀한 텍스트 기반 내비게이션 링크입니다.
• card 메인 기사 콘텐츠를 위한 부드러운 인디고 틴트(#F0F0FE) 카드로, 넉넉한 20px border-radius를 적용합니다.
• chip 시각적 은유로 사용되는 장식적인 항공권 그래픽입니다.
• hero 깊은 네이비 색상의 거대한 중앙 정렬 헤드라인과 그 뒤에 따르는 큰 라이트 틴트 콘텐츠 카드입니다.

09

보이스와 금지 목록

• 톤 투명하고 진정성 있으며 창립자가 주도합니다.
• 헤드라인 크고 굵으며 감정적으로 공감을 불러일으키며, 비즈니스 뒤에 숨겨진 인간적인 이야기에 초점을 맞춥니다.
• CTA 섬세하고 정보를 전달하며, 공격적인 마케팅 언어를 피합니다.

• 순백(#FFFFFF) 배경을 사용하지 마세요 — 스크린샷에는 약간 더 따뜻한 오프화이트(#FAFAFA)가 사용되었습니다.
• 날카롭고 각진 모서리를 사용하지 마세요 — 스크린샷에는 메인 카드에 넉넉한 20px border-radius가 적용되었습니다.
• 차갑고 위생적인 미적 분위기를 사용하지 마세요 — 스크린샷에는 콘텐츠 영역에 따뜻하고 초대적인 틴트(#F0F0FE)가 사용되었습니다.
• 장식적이고 고대비의 색상 강조를 사용하지 마세요 — 스크린샷에는 단일 부드러운 인디고(#6366F1)로 제한되어 있습니다.
• 작고 비좁은 타이포그래피를 사용하지 마세요 — 스크린샷에는 크고 호흡이 편한 18px 본문 글꼴 크기가 사용되었습니다.
• 복잡한 다중 열 그리드를 사용하지 마세요 — 스크린샷은 깔끔한 단일 열 에디토리얼 흐름을 유지합니다.
• 피하기: 공격적인 판매 언어
• 피하기: 지나치게 기업적인 전문 용어
• 피하기: 복잡하거나 혼란스러운 레이아웃
• 피하기: 차갑고 개인적인 느낌 없는 디자인

10

팩 안의 실제 스크린샷

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

11

System Prompt

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