큐레이션 · 오픈 · 무료

Everafter

확장 가능한 실시간 고객 경험 관리를 위한 AI 네이티브 플랫폼.

01

디자인 DNA

고객 성공을 위한 현대적 프리미엄 B2B SaaS 플랫폼.

02

컬러

생생한 바이올렛 악센트와 밝은 배경을 위한 소프트 파스텔 악센트를 사용한 고대비 다크 모드.

03

타이포그래피

transitional-serif · humanist-sans

• display56px · 600
• body18px · 400

헤드라인은 프리미엄 느낌을 위해 고대비 트랜지셔널 세리프(Moret)를 사용합니다. · 본문은 명확성을 위해 기하학적 휴머니스트 산세리프(Poppins)를 사용합니다. · 내비게이션과 대부분의 UI 요소에는 문장 대소문자(sen-ten-ce case)를 사용합니다.

04

여백

주요 레이아웃 섹션 간에 48px 간격을 일관되게 사용합니다.

05

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

다크 모드 요소에는 1px solid rgba(34,20,55,1), 또는 라이트 모드에는 밝은 회색을 사용합니다.

0px 1px 2px rgba(8, 8, 8, 0.08) · 0px 4px 4px rgba(8, 8, 8, 0.08) · 0px 8px 12px rgb(248, 245, 255)

06

레이아웃

여유로운 여백과 뚜렷한 히어로 섹션을 갖춘 단일 컬럼 중앙 정렬 레이아웃.

07

모션과 인터랙션

호버 상태 및 페이지 로드 시 부드러운 투명도 트랜지션. · 인터랙티브 요소에 적용되는 섬세한 스케일 변환.

버튼과 링크에 대한 미묘한 배경색 변화 또는 투명도 변화. · 미세한 스케일 또는 색상 변화로 즉각적인 시각적 피드백 제공.

08

컴포넌트

• button 주 버튼은 솔리드 바이올렛(#793CFB) 배경과 화이트 텍스트를 사용한 필(Pill) 형태입니다. 보조 버튼은 화이트 테두리로 윤곽을 잡아줍니다.
• card 제품 인터페이스를 표시하기 위한 섬세한 그림자가 적용된 둥근 직사각형 카드입니다.
• chip 밝은 배경과 텍스트 레이블(예: 'Success Plan')을 사용한 작고 필 형태의 태그.
• input 둥근 테두리가 적용된 깔끔한 윤곽선 입력 필드.
• hero 한쪽에는 대담한 세리프 타이포그래피, 반대쪽에는 제품 스크린샷을 배치한 다크 배경의 분리형 레이아웃.

09

보이스와 금지 목록

• 톤 전문적이고 자신감 있으며 미래 지향적인 어조.
• 헤드라인 impact를 위해 세리프 서체를 사용한 대담하고 단호한 문장.
• CTA 직접적이고 행동 지향적(예: '맞춤 데모 받기').

• 모노스페이스 폰트를 사용하지 마세요 — 스크린샷에는 헤드라인용 세리프와 본문용 산세리프가 사용되었습니다.
• 밝은 네온 컬러를 사용하지 마세요 — 스크린샷에는 딥 바이올렛 악센트(#793CFB)와 파스텔 악센트가 사용되었습니다.
• 날카로운 모서리를 사용하지 마세요 — 스크린샷에는 필 형태 버튼(반지름 999px)과 둥근 카드가 사용되었습니다.
• 다크 모드 전용 팔레트를 사용하지 마세요 — 스크린샷에는 내부 UI 컴포넌트용 화이트/라이트 모드가 사용되었습니다.
• 무거운 드롭 섀도우를 사용하지 마세요 — 스크린샷에는 부드럽고 확산된 섀도우가 사용되었습니다.
• 주 헤드라인에 전체 대문자를 사용하지 마세요 — 스크린샷에는 문장 대소문자 또는 제목 대소문자가 사용되었습니다.
• 피하기: 수동태
• 피하기: 과도한 전문 용어
• 피하기: 전체 대문자 헤드라인

10

팩 안의 실제 스크린샷

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

11

System Prompt

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