Website Design System v0.4

PASO PASO Coffee Roasters

세계의 커피 산지를 1년간 걷고,
한 잔의 가치를 새로 세운 로스터리

Paso a Paso, Step by Step. 산지에서 한 잔까지 이어지는 커피의 가치를 에디토리얼한 웹 경험으로 전달합니다.

Brand Story Components
1Y
World Coffee Tour
3
Q-Grader Quality
37.8%
Filter Coffee Sales

Story Hook

01 / Brand Narrative
Primary Message
세계의 커피 산지를
1년간 걷고,한 잔의 가치를
새로 세운 로스터리

이 문장은 홈페이지 첫 화면, 브랜드 페이지, SEO 브랜드 글, B2B 소개에서 일관되게 활용되는 핵심 브랜드 메시지입니다.

24-25
세계 커피 투어

파나마 하이엔드 농장부터 아프리카 산지까지 직접 경험하며 원두 선별 기준을 세웁니다.

Apr
파소파소 오픈

수원 광교호수공원 상권에서 산지 경험, 트레이딩, 로스팅 역량을 집약한 로스터리로 시작합니다.

Jun
다이렉트 트레이딩

생산자 네트워크를 바탕으로 경쟁력 있는 가격과 안정적인 품질의 생두를 확보합니다.

Colour & Type

02 / Visual Foundation
Primary Palette
Paso Orange
#FF5A1F
Deep Roast
#C94A14
Cream
#F5F0E8
Espresso
#111111
Electric Zest
#E8F542
Display Type
VIBE
VALUE

영문 디스플레이와 캠페인 타이포는 Hedvig Letters Serif의 에디토리얼 감도를 유지합니다.

Brand Voice
Coffee
Fashion
Music

한글 본문과 SEO 콘텐츠는 serif 계열을 유지하되, Noto Serif KR 외의 후보를 함께 검토합니다.

Korean Serif Alternatives
Recommended Display / Gowun Batang
한 잔의 가치를
새로 세운 로스터리

큰 문장에서는 굵기를 낮추고 행간을 넓혀 젊고 감각적인 에디토리얼 인상을 만듭니다.

Mission Display / Gowun Batang
커피의 가치를
한발 한발 전합니다

문예지처럼 부드럽고 여백이 좋은 인상입니다. 긴 브랜드 스토리와 블로그 본문에 쓰기 좋습니다.

Reliable Body / Noto Serif KR
세계의 커피 산지를
1년간 걷고,

가독성과 안정성이 좋습니다. SEO 콘텐츠와 긴 글의 기본값으로 유지할 수 있습니다.

Homepage System

03 / Layout Direction
PASO PASO Coffee Roasters
Deliver
Coffee
Value

세계의 커피 산지를 1년간 걷고,
한 잔의 가치를 새로 세운 로스터리

원두 구매하기 납품 문의하기
B2C Customer Slogan
Recharge
Your
Vibe
Coffee x Fashion x Music
1.
일상적인 커피부터
하이엔드 커피까지
아우르는 로스터리 역량
2.
생산자, 수입사,
스몰 로스터리까지
직접 연결된 네트워크
3.
커피를 넘어
공간에 이야기를 만드는
콘텐츠 기획 역량

Components

04 / Product & Conversion
Logo System - merged from LOGO & PACKAGE DESIGN
Primary Wordmark
PASO PASO orange wordmark

첨부 PNG를 투명 배경으로 정리한 웹용 로고 자산입니다.

Reverse Wordmark
PASO PASO white wordmark

어두운 배경에서는 화이트 로고를 기본으로 사용합니다.

Black Wordmark + Bean Mark
PASO PASO black wordmark

포인트 마크: 오렌지 원형 + 대각선 컷. 라인/패키지 코너 장식과 함께 사용.

P / A / S / O Package Components - merged from bean bag design 0718

최신 원두백은 흰 전면, 오렌지 브러시형 그래픽, 세로 사이드 패널, 후면 밸브/레시피 라벨을 중심으로 구성합니다.

P
Front / White base + orange motion
Front Panel
커스텀 워드마크, 오렌지 브러시 그래픽, Recharge Your Vibe 배치
PASO PASO
Side / Recharge Your Vibe
Side Panel
오렌지 사이드 면, 세로형 로고/슬로건, 패키지 측면 시인성 강화
Coffee
Roasters
Recipe
Back / valve label
Back Panel
밸브를 중심으로 원형 라벨/브루잉 레시피/QR 안내 영역 구성
A Blend
Hang tag / blend variant
Variant System
P/A/S/O와 블렌드명은 지류/라벨 색상과 조합해 확장
B2B Inquiry
Supply
Consulting
업체명을 입력하세요
예상 월 사용량을 선택하세요
납품, 메뉴 컨설팅, 추출 가이드 문의
B2B 공급 문의하기
Coffee Journal
01
세계의 커피 산지를 1년간 걸으며
한 잔의 가치를 세운 이야기
Brand Story
02
필터커피와 아메리카노는
어떻게 다를까
Coffee Guide
03
카페 원두 납품을 고를 때
확인해야 할 기준
B2B Supply

Proof & SEO

05 / Trust System
37.8%
필터 커피가 전체 음료 매출에서 차지한 비중
2025년 4월-12월 기준
3
CQI Q-Grader 기반 품질 관리
로스팅, 브루잉, 센서리 역량
30+
다이렉트 수입 커피 로스터리 판매 경험
코스타리카 / 파나마 네트워크

SEO Cluster

브랜드 스토리, 원두 선택, 필터커피, 카페 원두 납품, 오피스 커피 구독, 커핑, 다이렉트 트레이딩을 콘텐츠 축으로 둡니다.

Cloudflare Publishing

Astro 기반 정적 사이트를 Cloudflare Pages에 배포하고, 기존 WordPress 글은 URL 보존 또는 301 리디렉션으로 SEO 자산을 지킵니다.

Do & Don't

06 / Design Rules

Do

오렌지는 크림 또는 블랙 위에서 선명하게 사용합니다.
세계의 커피 산지를 1년간 걸어온 스토리를 첫 화면과 브랜드 페이지의 핵심 메시지로 둡니다.
Q-Grader, 수상 이력, 다이렉트 트레이딩, B2B 납품 경험을 신뢰 근거로 보여줍니다.
큰 serif 타이포그래피, 얇은 라인, 넓은 여백으로 에디토리얼 감도를 유지합니다.

Don't

브라운/베이지 중심의 흔한 카페 무드로 축소하지 않습니다.
실시간 인스타그램 임베드로 첫 화면 성능을 무겁게 만들지 않습니다.
세계 여행 스토리를 관광 후기처럼 보이게 만들지 않습니다.
오렌지, Electric Zest, Hot Take를 한 화면에서 같은 비중으로 쓰지 않습니다.