균형의 미학을 담은 모던 인더스트리얼 커피바

Toggle Label
keyboard_arrow_left
keyboard_arrow_right

Context

합정, 회색 한 겹 사이로

서울 합정동의 한 골목. 콘크리트 벽면 너머로 'get into the gray.'라는 소문자 문구가 보인다. 간판이라기엔 너무 조용하고, 슬로건이라기엔 너무 직접적이다. beforegray는 그 문장 하나에 브랜드의 태도를 압축한 모던 커피바다. 커피를 내리는 공간이면서 동시에 도시 생활자가 잠시 속도를 낮추는 장소, 거친 소재와 깔끔한 선이 공존하는 경험의 접점이다.

합정 일대는 카페 밀집 지역으로 알려져 있다. 트렌디한 인테리어, 시그니처 음료, SNS 친화적 공간 -- 대부분의 카페가 유사한 방정식을 따른다. beforegray가 택한 방향은 달랐다. 인더스트리얼리스트 디자인 트렌드에서 출발하되 리테일 경험 디자인의 절제된 미학을 놓치지 않는 것. 이 접근은 단순히 공간을 꾸미는 것이 아니라, 브랜드 아이덴티티부터 메뉴 개발까지를 하나의 디자인 전략 아래 통합하는 토탈 브랜드 경험을 만드는 작업이었다.

{{beforegray-cafe-exterior-street-view}}

Creative Direction

색 하나가 브랜드가 되는 방식

'그레이(Gray)'라는 색이 출발점이다. 단순히 회색을 좋아해서가 아니다. 흑과 백, 극단 사이에 존재하는 중간 지대 -- beforegray는 이 중립의 색에서 브랜드 철학을 끌어낸다. 산업적 물성이 가진 거칠음과 미니멀한 공간이 주는 고요함, 그 사이 어딘가에 이 브랜드의 온도가 있다.

디자인 방향을 결정지은 것은 한 가지 관찰이었다. 건축과 부동산 개발에서 부상하던 인더스트리얼리스트 트렌드가 카페 공간에도 유입되고 있었지만, 대부분은 거친 소재를 장식적으로만 활용했다. beforegray는 그 거칠음을 브랜드의 뼈대로 삼되, 자연 소재의 온기를 더해 실제로 머무르고 싶은 공간을 설계하기로 했다. 나무 테이블 한 장이 콘크리트 벽면의 차가움을 상쇄하고, 부드러운 패브릭 소파가 금속 프레임 위에 놓이는 식이다.

"get into the gray."

네 갈래에서 하나의 톤으로

gray 모티브가 프로젝트의 기저에 깔리자, 디자인 의사결정은 자연스럽게 하나의 방향으로 수렴했다. 가장 근본적인 결정은 '그레이'를 단순한 색상 선택이 아닌 브랜드의 핵심 모티브로 격상시킨 것이다. 이 색은 흑백의 극단이 아닌 중간 지대, 균형 잡힌 삶의 태도를 제안하는 장치가 된다.

이 모티브가 공간에 닿으면 소재의 언어로 바뀐다. 거친 벽체, 매끄러운 금속, 자연스러운 나무 -- 세 가지 물성의 배합이 차가운 표면에 따뜻한 촉감을 얹는 공식이다. 같은 원리가 시각 커뮤니케이션에도 적용된다. 소문자 중심의 타이포그래피는 친근하면서도 현대적인 인상을 만들고, 과도한 장식을 걷어낸 레이아웃이 본질에 집중하는 브랜드 성격을 드러낸다. 그리고 이 모든 결정이 브랜드 아이덴티티, 공간 환경, 메뉴 개발, 비주얼 머천다이징까지 일관된 스토리텔링으로 연결되는 토탈 디자인 접근을 통해 완결된다.

{{beforegray-cafe-interior-seating-area}}

{{beforegray-signage-exterior}}

Defining Identity

Light Gray에서 Charcoal까지

beforegray의 컬러 시스템은 밝은 회색에서 짙은 차콜까지 이어지는 무채색 그라데이션으로 구성된다. Light Gray(#E0E0E0)가 배경과 벽면, 패키징의 기본 톤을 형성하고, Dark Gray(#4A4A4A)가 로고와 타이포그래피에서 명확한 대비를 만든다. 이 두 축 사이를 Medium Gray가 채우며 부드러운 전환을 완성한다. 차가운 회색 스펙트럼만으로는 공간이 경직될 수 있다. 여기에 Wood Brown(#8C6E51)이 악센트로 작용한다 -- 나무 선반, 테이블 상판, 가죽 디테일에서 드러나는 이 색은 전체 팔레트의 10% 이하로 제한되지만, 무채색 공간에 유기적 온기를 불어넣는 결정적 역할을 한다.

이 그라데이션은 벽면에서 가구로, 배경에서 전경으로 이동하면서 공간의 깊이를 만든다. 밝은 톤이 넓은 면적을 차지해 개방감을 확보하고, 어두운 톤이 시선이 머무는 지점에 집중되어 무게감을 부여한다. White가 텍스트와 배경에서 명료함을 더하고, 전체 색상 체계는 과도한 대비 없이 부드러운 전환을 유지한다. 이것이 beforegray가 정의하는 시각적 균형이다.

소문자가 말하는 것

beforegray의 모든 텍스트는 소문자로 표기된다. 브랜드명, 슬로건, 패키징 카피까지. 이 선택은 대문자가 주는 권위적 인상 대신 친근하고 현대적인 톤을 만든다. 간결하고 가는 산세리프체가 이 소문자 시스템의 골격이다. 충분한 자간과 행간을 유지하며, 장식을 최소화한 서체는 글자 자체보다 메시지에 시선이 머물게 한다.

"get into the gray. 흑백의 극단이 아닌 중간 지대로."

슬로건 'get into the gray.'는 브랜드의 버벌 아이덴티티를 압축한다. 이 문장은 명령이 아니라 제안이다. 바쁜 일상에서 잠시 멈추고, 극단이 아닌 중간의 속도로 돌아오라는 초대. 브랜드가 추구하는 세 가지 가치 -- 균형, 본질, 일관성 -- 가 이 짧은 문장 안에 녹아 있다.

{{beforegray-exterior-signage}}

{{beforegray-print-collateral-and-box}}

{{beforegray-coffee-packaging-lightgray}}

Crafting Experience

콘크리트 위의 커피 한 잔

beforegray의 공간은 브랜드 아이덴티티가 물리적으로 펼쳐지는 첫 번째 접점이다. 시멘트 표면과 금속 프레임이 공간의 구조를 잡고, 자연광이 큰 창문을 통해 들어오면서 차분한 조명을 만든다. 거친 벽체가 공간의 성격을 규정하지만, 나무 테이블과 패브릭 소파가 앉아서 머물고 싶은 온도를 더한다. 천장의 레일 조명은 기능적이면서 인더스트리얼한 무드를 강화한다. 중앙 집중형과 대각선 구도가 안정감과 역동성을 동시에 제공하고, 적극적인 여백 활용이 시각적 호흡을 확보한다. 이 공간에서 gray는 색이 아니라 분위기다.

beforegray의 물리적 경험은 카페 내부에 머물지 않는다. 패키징에서도 무채색 톤과 소문자 타이포의 원칙은 동일하게 작동한다. 커피 백의 표면은 거친 종이 질감을 살려 산업적 물성을 손끝에서 전달하고, 'beforegray' 로고와 'get into the gray.' 문구가 최소한의 인쇄로 적용된다. 머천다이징 역시 이 체계를 따른다. 연필, 텀블러, 토트백 -- 각 제품은 브랜드의 회색 팔레트 안에서 디자인되며, 카페를 벗어난 일상에서도 beforegray의 태도를 지속시킨다.

손에 닿는 브랜드의 결

명함, 스티커, 카드류 같은 인쇄물은 무채색 톤과 소문자 타이포라는 동일한 시각 원칙 아래 제작된다. 거친 종이 질감이 카페 공간의 콘크리트 벽면과 같은 촉각적 경험을 손끝 위로 옮겨온다. 크기와 용도가 달라져도 beforegray의 브랜드는 동일한 온도와 태도를 유지한다.

{{beforegray-cafe-interior-natural-wood-table}}

{{beforegray-cafe-interior-long-table}}

{{beforegray-branded-pencils}}

{{beforegray-canvas-tote-bag-product-shot}}

{{beforegray-royal-milk-tea-bottle}}

Activating Brand

렌즈가 포착하는 gray의 온도

beforegray의 비주얼 콘텐츠는 아트디렉션의 연장선에 있다. 자연광을 활용한 부드러운 조명, 제품 중심의 깔끔한 프레이밍, 과도한 보정을 배제한 자연스러운 색감 -- 촬영 스타일 자체가 브랜드의 미니멀한 철학을 반영한다. 커피 한 잔, 테이블 위의 디저트, 공간의 한 모퉁이가 동일한 시각 문법으로 기록된다.

콘텐츠 제작 역시 이 원칙 위에서 움직인다. SNS와 매거진에 올라가는 이미지는 카페 공간에서 직접 촬영되며, 별도의 스튜디오 세팅 없이도 브랜드의 톤이 자연스럽게 담긴다. 피사체가 바뀌어도 무채색 팔레트, 충분한 여백, 중앙 집중형 구도라는 세 가지 규칙이 일관성을 보장한다. beforegray의 커뮤니케이션은 말이 아니라 분위기로 전달된다.

{{beforegray-coffee-mug-on-table}}

{{beforegray-latte-art-coffee-cup}}

{{beforegray-coffee-cup-with-logo}}

Outcomes

토탈 디자인이 만든 장소성

beforegray 프로젝트는 색 하나에서 출발해 브랜드 전체를 설계한 작업이다. 전략 수립에서 컨셉 개발, 비주얼 아이덴티티 시스템, 공간 디자인, 패키징, 머천다이징, 아트디렉션과 콘텐츠 제작까지 -- 모든 접점이 'gray'라는 단일한 모티브 아래 연결된다. 이 일관성은 의도적이다. 카페 문을 열고 들어서는 순간부터 커피를 마시고, 굿즈를 고르고, 인스타그램에서 beforegray의 이미지를 다시 만나는 순간까지, 브랜드의 온도가 바뀌지 않는다.

이 토탈 디자인 접근이 beforegray를 단순한 카페가 아닌 하나의 라이프스타일 브랜드로 위치시킨다. 아이덴티티 시스템이 공간에서 작동하고, 공간의 물성이 제품에 옮겨가고, 제품의 촉감이 다시 브랜드의 성격을 강화하는 순환. 이 순환 속에서 gray는 단순한 색이 아니라 태도가 된다.

합정의 회색 주소

beforegray는 오픈과 동시에 합정을 대표하는 카페로 소비자에게 선택받은 것으로 알려져 있다. 도시적 모던함과 안락함을 동시에 갖춘 공간, 극단이 아닌 중간 지대를 제안하는 브랜드 철학이 포화된 카페 시장에서 고유한 자리를 만들었다. 노출된 구조물과 자연 소재의 공존, 절제된 타이포그래피와 따뜻한 촉감의 머천다이징, 일관된 포토그래피 디렉션 -- 개별 요소가 아니라 이것들이 만드는 전체의 경험이 beforegray의 차별점이다.

"gray는 색이 아니다. 멈춤이고, 균형이며, 태도다."

{{beforegray-cafe-exterior-daylight}}

This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
비포그레이 카페의 모던 인더스트리얼 인테리어, 소파와 테이블이 있는 좌석 공간
beforegray 로고가 새겨진 회색 연필과 원통형 케이스가 놓인 모습
다양한 회색 톤의 비포그레이 로고 라벨이 부착된 티셔츠 컬렉션
콘크리트 벽을 배경으로 회색 톤 티셔츠들이 걸린 옷걸이
beforegray 로고 라벨이 있는 회색 스웨트셔츠의 소매 부분 클로즈업
검은색 스웨터와 흰색 셔츠를 레이어드한 인물이 beforegray 간판 옆에 서 있는 모습
beforegray 로고가 새겨진 크림색 캔버스 토트백을 든 사람의 하반신
잡지에 실린 비포그레이 카페의 모던 인더스트리얼 인테리어 전경.
흰색 원형 테이블 위에 놓인 회색 머그컵과 진한 커피
밝은 회색 테이블 위, 라떼 아트가 있는 커피잔을 손으로 잡고 있는 모습
손에 들린 비포그레이 로고가 새겨진 회색 슬리브의 오레오 커피 음료.
벚꽃이 만개한 야외 카페 안뜰, 흰색과 민트색 가구, 나무 데크
에스프레소 머신에서 'beforegray' 로고 컵에 커피가 추출되는 모습
흰색 크림과 말린 바나나 조각이 올라간 음료와 'beforegray' 명함
도시 속 모던 인더스트리얼 카페 '비포그레이'의 세련된 외관 전경.
흰색 벽과 검은색 돌출형 간판에 'beforegray' 로고가 새겨진 건물 외관
자연스러운 나무 테이블과 검은 의자들이 있는 비포그레이 카페 내부 전경
빗방울이 맺힌 검은색 'beforegray' 외부 돌출 간판
회색 배경 위에 놓인 비포그레이 명함과 회색 상자.
회색 사선형 구조물 위에 놓인 비포그레이 로열 밀크티 병
비포그레이 라이트그레이 커피 원두 포장재 클로즈업
흰색 벽에 설치된 검은색 'beforegray' 돌출형 간판
햇살 아래 'beforegray' 카페의 현대적인 회색 외관과 검은색 간판, 나무 데크.
긴 통나무 테이블과 다양한 의자가 있는 모던 인더스트리얼 카페 내부 전경
Beforegray 커피 패키징과 정보 카드가 놓인 미니멀한 상단 뷰.
비포그레이 로고가 새겨진 회색 슬리브의 흰색 커피컵을 든 손.

Project Info