따뜻한 바탕
크림과 브라운 사이에 오렌지를 놓아, 부드러운 화면에 필요한 강조를 더합니다.
Godbalo design language
곧바로를 담은,
하나의 디자인 언어.
따뜻한 바탕 위에 또렷한 안내를 놓습니다. 색과 글자, 작은 반응까지 같은 인상으로 이어지는 곧바로의 웹 디자인을 소개합니다.
디자인 살펴보기또렷한 안내
정보의 순서와 글자의 크기를 나누어, 다음에 볼 내용을 쉽게 찾도록 합니다.
여유 있는 시선
여백과 사진의 곡선으로 화면의 호흡을 만들고, 한 번에 한 내용에 집중하도록 합니다.
색과 글꼴
작은 선택이 만드는 인상.
화면마다 다른 이야기를 담아도, 색과 글꼴의 기준은 함께 사용합니다.
색상
색을 눌러 각 색상의 역할을 살펴보세요.
크림
글과 사진이 편안하게 놓이는 기본 바탕입니다.
글꼴
정보를 읽는 글자와 브랜드를 느끼는 글자의 역할을 나눕니다.
읽기 위한 글자Pretendard
당신의 속도로, 차분하게.
본문과 안내에는 Pretendard를 사용합니다. 제목과 내용의 크기·굵기를 나누어 읽는 순서를 만듭니다.
인상을 남기는 글자Bodoni · Didot
Your own rhythm.
영문 포인트에는 Bodoni·Didot 계열의 세리프를 사용합니다. 가는 획과 굵은 획의 대비를 넉넉한 여백과 함께 보여줍니다.
구성요소
같은 표정으로, 다른 역할을.
BaroUI는 실제 사이트에서 반복해서 사용하는 버튼·아이콘·메뉴·창의 모음입니다. 아래 목록에서 각 구성요소의 실제 예제와 종류, 사용처를 확인할 수 있습니다.
링크 버튼
아이콘
글자
사용 상태는 이 카탈로그의 예제를 제외한 고객 웹의 진료·안내 화면을 기준으로 합니다.
적용 사례
한 화면의 인상을 넘어.
같은 디자인 언어가 서로 다른 내용과 만나는 방식입니다.
