Brand Guide

CIデザインガイド

株式会社Rodisanaのブランドアイデンティティを一貫して正しく表現するためのガイドラインです。 カラー・ロゴ・タイポグラフィ・UIコンポーネントの使用規定を定めています。

Brand Colors

ブランドカラー

ブランドカラーはRodisanaのコーポレートアイデンティティの核心です。 メインカラーのシアン(#00B9CE)を中心に、グラデーションを構成するネイビー・パープル・ブルーと、 テキスト用のチャコールグレーで構成されます。

ブランドシアン

Primary / メインカラー

#00B9CE

R0 G185 B206

PANTONE: 3115C

DIC: 639

C70% M0% Y20% K0%

ロイヤルネイビー

Deep / ロゴグラデーション

#284180

R40 G65 B128

C100% M100% Y35% K0%

スカイブルー

Light Accent

#7DD7FF

R125 G215 B255

C70% M30% Y0% K0%

ライトシアン

Pale Accent

#68FFFF

R104 G255 B255

C50% M5% Y25% K0%

ミディアムパープル

Gradient End

#7D87FF

R125 G135 B255

C70% M70% Y0% K0%

チャコールグレー

Text / Sub Color

#4E5458

R78 G84 B88

PANTONE: 431C

DIC: 515

C25% M10% Y10% K75%

ロゴグラデーション

ロゴマーク内グラデーション:左上(#68FFFF)→ シアン(#00B9CE)→ ネイビー(#284180)→ 右下(#7D87FF)

推奨カラーコンビネーション

Primary on White
シアンをアクセントカラーとして白背景に使用
White on Navy
フッターやヒーローセクションのダーク背景に
Tint Background
淡いシアン背景はカードやセクション背景に

Typography

タイポグラフィ

Primary Typeface

BIZ UDPGothic

ヒラギノ角ゴ ProN / Hiragino Sans / Meiryo(フォールバック)

見出し H1

不動産管理のプロフェッショナル

見出し H2

不動産管理のプロフェッショナル

見出し H3

不動産管理のプロフェッショナル

見出し H4

不動産管理のプロフェッショナル

本文 Regular

創業43年の実績と信頼をもとに、オーナー様の不動産経営をサポートします。

本文 Small

創業43年の実績と信頼をもとに、オーナー様の不動産経営をサポートします。

キャプション

※詳細はお問い合わせください。

UI Components

UIコンポーネント

ボタン

バッジ・タグ

PrimaryNavyNeutralSuccessError

カード

Standard Card

白背景・ボーダー・シャドウの標準カードスタイル

Accent Card

グラデーション背景の強調カードスタイル

フォーム要素

Spacing & Layout

スペーシング

Tailwind CSSのデフォルト4pxグリッドに基づいたスペーシングシステムです。

xs
4px
p-1
sm
8px
p-2
md
16px
p-4
lg
24px
p-6
xl
32px
p-8
2xl
48px
p-12
3xl
64px
p-16

当サイトではサービス向上のため、ページの操作履歴を記録しております。記録は第三者への提供には使用されません。詳しくはプライバシーポリシーをご覧ください。