Warm surfaces
Orange sits between cream and brown, adding emphasis to a gentle palette.
Godbalo design language
One design language.
Distinctly Godbalo.
Warm surfaces, clear information. Explore the colors, type and small interactions that bring a consistent character to the Godbalo website.
Explore the designClear information
Information order, type size and weight help make the next step easy to find.
Room to pause
Space and curved photographs give the page a rhythm, with room to focus on one idea.
Foundations
Small choices. A familiar feeling.
Different pages tell different stories, with a shared foundation of color and type.
Color
Select a color to explore its role.
Cream
The foundation that gives text and photography room to breathe.
Typography
Type for reading and type for expression each have a role.
Made for readingPretendard
At your pace. With clarity.
Pretendard carries body text and guidance. Size and weight establish the reading order.
Made to leave an impressionBodoni · Didot
Your own rhythm.
Bodoni and Didot-style serifs bring contrast to English accents, paired with generous space.
Components
A shared character. Different roles.
BaroUI brings together the buttons, icons, navigation and dialogs used across the website. Choose a component below to see its live example, variants and usage.
Link buttons
Icons
Navigation
Typography
Overlays
Usage refers to clinic and information pages, excluding demonstrations in this catalog.
In practice
Beyond a single screen.
See how one design language works with different kinds of information.
A first introduction
A large heading, a portrait and generous space introduce the clinic.
Visit the page
Exploring care
Treatment imagery, programs and prices follow a consistent structure.
Visit the page
After your visit
Navigation and text sit side by side, making guidance easy to find again.
Visit the page