テクノロジーで、
医療の願いを解き放つ

私たちUbieは、医療先進国日本発の企業としてテクノロジーで世界中の医療に貢献します

サービスを見る → 医療機関の方はこちら →

Brand Gradient: linear-gradient(90deg, #ebeefa, #fde3ed)


Colors

カラーパレット

Brand
Brand Blue
#3959cc
CTA・リンク・お問合せ
Accent Pink
#e34b83
セクションラベル・採用
Surface Lavender
#e4e8f6
タグ・バッジ背景
Gradient
#ebeefa → #fde3ed
ブランドグラデーション
Text
Text Primary
#20242c
見出し・ヒーロー
Text Secondary
#3d4454
本文・ナビ・タグ
Text Tertiary
#6d727e
日付・メタ情報
Text Default
#333333
body 既定
Semantic
Success
#16a34a
成功(推奨値)
Danger
#dc2626
エラー(推奨値)
Warning
#d97706
警告(推奨値)
Surface & Border
Background
#ffffff
ページ背景
Surface Light
#f7f7f7
セクション背景
Surface Footer
#f9f9f9
フッター
Border
#9ca0a8
Outline CTA・入力枠
Footer Dark
#3d4454
Copyright 帯

Typography

タイポグラフィ階層

医療の願いを解き放つ
A1ゴシック B (Zen Maru Gothic) / 72px / 400 / line-height: 1.4 / letter-spacing: 0.05emヒーロー h1
News
Open Sans / 24px / 700 / line-height: 1.4 / color: #e34b83セクションラベル h2
私たちUbieは、医療先進国日本発の企業として世界中の医療に貢献します
A1ゴシック M (Zen Maru Gothic) / 20px / 400 / line-height: 1.6 / letter-spacing: 0.05emリード文 p
生活者向けサービス
Noto Sans JP / 13px / 700 / line-height: 1.7 / letter-spacing: 0.05emカテゴリ h3
Ubieについて
Noto Sans JP / 14px / 900 / line-height: 1.2 / letter-spacing: 0.05emナビゲーション p
本文テキスト -- 医療情報を正確に伝えるための行間設定。line-height: 1.8 のゆったりとした行間で、安心感のある読書体験を提供します。全テキストに letter-spacing: 0.05em を統一適用。
Noto Sans JP / 14px / 400 / line-height: 1.8 / letter-spacing: 0.05em本文 p
2026/06/04
Noto Sans JP / 15px / 400 / line-height: 1.4 / color: #6d727e日付
お問合せ
Noto Sans JP / 12px / 700 / line-height: 1.4 / color: #ffffffヘッダー CTA
media プレスリリース Media
Noto Sans JP / 12px / 400 / bg: #e4e8f6 / radius: 16px / padding: 6px 8pxカテゴリタグ

ヘルスケアサービスの組版サンプル

AI問診で、医療を
もっと身近に

テクノロジーの力で、適切な医療へのアクセスを誰もが得られる社会を目指します。

症状検索エンジン「ユビー」

気になる症状から、考えられる病気や対処法を AI がお伝えします。20の質問に答えるだけで、関連する病名や、近くの適切な診療科の病院を案内します。

医療機関向け AI 問診

患者さんの症状を事前に AI が聞き取り、医師の問診業務を効率化します。電子カルテとの連携により、入力の手間を大幅に削減。診察の質を維持しながら、1人あたりの問診時間を短縮できます。


Buttons

ボタンバリエーション

サービスを見る →
Primary CTA (#3959cc, r:8px)
採用情報
Accent CTA (#e34b83, r:8px)
医療機関の方はこちら →
Outline (border #9ca0a8, r:12px)
media
Tag (#e4e8f6, r:16px)
プレスリリース
Tag (日本語)
Media
Tag (英語)

Cards

カードコンポーネント

media 2026/06/04

Ubie、医療AIプラットフォームの海外展開を加速

生活者向け症状検索エンジンと医療機関向けAI問診の両輪で、アジア太平洋地域への展開を本格化します。

もっと見る →
プレスリリース 2026/05/20

製薬企業向けサービスを大幅アップデート

治験マッチングや疾患啓発コンテンツの最適化により、製薬企業と患者の接点を創出する新機能を追加しました。

もっと見る →
Media 2026/05/10

AI問診の導入実績が1,700医療機関を突破

電子カルテ連携による業務効率化と患者体験の向上が評価され、導入施設数が急速に拡大しています。

もっと見る →

Forms

フォーム要素

デフォルト -- border: #9ca0a8, radius: 8px
フォーカス -- border: #3959cc (Brand Blue)
エラー -- border: #dc2626 (Danger)

Elevation

Depth & Elevation

Level 0: Flat
影なし(基本状態)
Elevation 1
ホバー時の浮き上がり
Header
rgba(0,0,0,0.15) 0 2px 10px 2px
Elevation 2
ドロップダウン
Elevation 3
モーダル・ダイアログ
Focus Ring
#3959cc (Brand Blue)

Layout

コンテンツ幅とスペーシング

Content Widths

Max Container 1200px
Content Area 940px
Article Body 620px

Spacing Scale (8px Grid)

4px
8px
16px
24px
48px
80px
100px
140px

Border Radius Scale

4px
8px
12px
16px