디자인 가이드

LafLabs가 만드는 제품이 서로 다른 환경에서도 같은 인상을 남기도록, 가장 기본적인 시각 원칙과 에셋을 정리했습니다.

컬러

파란색은 LafLabs를 구분하는 핵심 색상입니다. 넓은 면적의 장식보다 정보의 구조, 선택된 상태, 중요한 흐름을 표시하는 데 우선 사용합니다.

Primary Blue#2563EB
Deep Blue#1E40AF
Ink#0F172A
Paper#F8FAFC
Muted#64748B
Line#CBD5E1

타이포그래피

큰 제목은 짧고 단단하게, 본문은 읽기 쉽게 씁니다. 영문 숫자와 기술 정보에는 모노스페이스를 제한적으로 사용합니다.

DISPLAY / PRETENDARD

보이지 않는 복잡함을 다룹니다.

BODY / PRETENDARD

서비스는 단순해 보여야 하고, 그 뒤의 기술은 오래 믿고 쓸 수 있어야 합니다.

MONO / GEIST MONO

BUILD / SHIP / OPERATE — 2026.08

인터페이스 원칙

사각형은 단순한 장식이 아니라 정보를 나누고 관계를 드러내는 기본 단위입니다. 선, 면, 움직임 모두 같은 질서를 따릅니다.

01

Square geometry

모서리를 불필요하게 둥글리지 않고, 명확한 면과 경계로 구조를 보여줍니다.

02

One-pixel rules

얇은 선을 여백과 함께 사용해 콘텐츠의 시작과 끝을 또렷하게 구분합니다.

03

Blue with purpose

강조가 필요한 상태와 진행 방향에만 파란색을 사용해 시선을 이끕니다.

에셋

홈페이지와 제품 화면에서 사용하는 현재 공식 리소스입니다. 원본 비율을 유지해 사용해 주세요.