温かい背景
クリームとブラウンにオレンジを添え、柔らかな画面に必要な強調を加えます。
Godbalo design language
Godbaloらしさを、
ひとつのデザインに。
温かい背景に、明確なご案内を。色や文字、小さな反応まで同じ印象でつながるGodbaloのウェブデザインをご紹介します。
デザインを見る明確なご案内
情報の順序と文字の大きさ・太さで、次に見る内容を見つけやすくします。
視線にゆとりを
余白と写真の曲線で画面に呼吸をつくり、一つの内容に集中できるようにします。
色と文字
小さな選択がつくる印象。
ページごとの内容が変わっても、色と文字の基準は共通です。
色
色を選ぶと、その役割をご覧いただけます。
クリーム
文字や写真を落ち着いて配置する基本の背景です。
文字
読むための文字と、印象を伝える文字の役割を分けます。
読むための文字Pretendard
あなたのペースで、穏やかに。
本文やご案内にはPretendardを使用します。大きさと太さで、読む順序をつくります。
印象を残す文字Bodoni · Didot
Your own rhythm.
英字のアクセントにはBodoni・Didot系のセリフ体を使用し、線の太さの対比を余白とともに見せます。
構成要素
同じ表情で、違う役割を。
BaroUIはサイトで繰り返し使うボタン・アイコン・メニュー・ダイアログの集まりです。以下の一覧から、実際の例・種類・使用箇所をご覧いただけます。
リンクボタン
アイコン
ナビゲーション
文字
オーバーレイ
使用状況は、このカタログの例を除く診療・案内画面を基準としています。
活用例
ひとつの画面を超えて。
同じデザインが異なる内容に出会う、その使い方をご覧ください。
