큐레이션 · 오픈 · 무료

Zen Browser

더 차분한 인터넷을 위한 아름답게 디자인된, 프라이버시 중심 브라우저.

01

디자인 DNA

차분한 디지털 환경을 제공하는 현대적이고 프라이버시 중심적인 브라우저입니다.

02

컬러

따뜻한 오프화이트 캔버스에 깊은 차콜 텍스트와 단일 따뜻한 코랄 악센트를 사용합니다.

03

타이포그래피

transitional-serif · humanist-sans

• display60px · 500
• body16px · 400

우아함과 따뜻함을 더하기 위해 대형 디스플레이 헤드라인에는 과도기적 세리프를 사용합니다. · 가독성과 친근한 톤을 보장하기 위해 본문 텍스트에는 깔끔한 휴머니스트 산세리프를 사용합니다.

04

여백

넉넉한 수직 간격(예: 96px, 144px)은 차분하고 숨 쉬는 듯한 레이아웃을 만듭니다.

05

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

은은한 분리를 위해 은은한 잉크 색상의 미세한 1px 테두리를 사용합니다.

0 4px 6px -1px rgba(0, 0, 0, 0.1) · 0 10px 15px -3px rgba(0, 0, 0, 0.1)

06

레이아웃

히어로 섹션의 중앙 정렬 단일 열 레이아웃은 피처 섹션으로 이어집니다.

07

모션과 인터랙션

대화형 요소와 페이지 표시를 위한 부드러운 불투명도 및 변환 트랜지션.

대화형 요소에서의 미세한 배경색 변화 또는 약간의 스케일/변환 효과. · 상태 변경을 통한 즉각적인 시각적 피드백.

08

컴포넌트

• button 높은 대비(어두운 배경, 밝은 텍스트) 또는 미세한 윤곽선을 가진 알약 모양 버튼.
• card 피처나 브라우저 창을 보여주기 위해 사용되는 둥근 컨테이너(24px 반경).
• chip 제공된 스크린샷에서 두드러지게 보이지 않습니다.
• input 제공된 스크린샷에서 두드러지게 보이지 않습니다.
• hero 단일 악센트 컬러 단어로 강조된 크고 중앙 정렬된 세리프 헤드라인과, 그 뒤에 오는 서브 헤드라인 및 주요 액션.

09

보이스와 금지 목록

• 톤 차분하고 안심시키며, 사용자 경험과 프라이버시에 중점을 둡니다.
• 헤드라인 강조 색상으로 특정 핵심 단어를 강조하는, 크고 우아한 세리프 타이포그래피.
• CTA '베타가 이제 이용 가능합니다!' 또는 '지원하기'와 같은 명확하고 행동 지향적인 언어.

• 순백 배경을 사용하지 마세요 — 스크린샷에는 대신 따뜻한 오프화이트(#F2F0E3)가 보입니다.
• 주요 요소에 날카롭고 직사각형 모서리를 사용하지 마세요 — 스크린샷에는 대신 둥근 모서리(8px, 24px)가 보입니다.
• 차가운 기술 블루 악센트를 사용하지 마세요 — 스크린샷에는 대신 따뜻한 코랄(#F76F53)이 보입니다.
• 밀집되고 비좁은 레이아웃을 만들지 마세요 — 스크린샷에는 대신 넉넉한 수직 간격(96px, 144px)이 보입니다.
• 히어로에 엄격하고 그리드 중심적인 디자인을 사용하지 마세요 — 스크린샷에는 대신 중앙 정렬된 타이포그래피 중심 레이아웃이 보입니다.
• 어두운 배경을 주요 캔버스로 사용하지 마세요 — 스크린샷에는 대신 밝고 따뜻한 테마가 보입니다.
• 피하기: 공격적인 마케팅 언어
• 피하기: 복잡한 레이아웃
• 피하기: 차갑고 냉랭한 미학
• 피하기: 화려한 팔레트

10

팩 안의 실제 스크린샷

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

11

System Prompt

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