Color

Brand / Color

色が、 ブランドを語る。

Synfortechのカラーパレット・使い方のルール・活用例——色にまつわるすべてのガイドラインをこのページで定義します。

PRIMARY
#00A1CC
DARK
#007fa0
BASE
#0b0e14
WHITE
#ffffff
Color Palette ブランドカラー

4色で、 すべてを表現する。

Primary
Synfortech Blue
#00A1CC
RGB  0, 161, 204 CMYK 100, 21, 0, 20
Dark
Deep Cyan
#007fa0
RGB  0, 127, 160 CMYK 100, 21, 0, 37
Dark Base
Ink Night
#0b0e14
RGB  11, 14, 20 CMYK 45, 30, 0, 92
Base
Pure White
#ffffff
RGB  255, 255, 255 CMYK 0, 0, 0, 0
Synfortech Blue この色を選んだ理由

#00A1CCは、 意志の色だ。

Synfortechの設立以来、企業を象徴するカラーとして#00A1CCが用いられています。"Synfortech Blue"と呼ばれるこの色は、私たちが体現しようとする価値——デジタルの先進性と、前へ進む意志——を一色に凝縮したものです。

澄んだシアンに近いこの青は、停滞を嫌います。水が流れるように、光が進むように、常に前方へ向かうエネルギーを持っています。テクノロジーが人の生活を加速させるように——そのビジョンがこの色に宿っています。

Synfortech Blueはプロダクト・コミュニケーション・あらゆる接点において、ユーザーとの一貫した関係を築くための基盤です。どの画面でこの色を目にしても、「Synfortechだ」と即座に認識されるよう、私たちはこの色を守り続けます。

先進性

既存の常識を問い直し、次の"当たり前"を創るテクノロジーカンパニーとしての姿勢を表します。

前進する意志

停滞を嫌い、常に前へ進もうとするSynfortechのスピードと勢いを体現します。

一貫性と信頼

すべてのプロダクト・コミュニケーションにわたって同一の色を使い続けることで、ユーザーとの揺るぎない信頼関係を構築します。

SYNFORTECH BLUE
#00A1CC
RGB 0, 161, 204
Color Rules カラールール

色の使い方に、 ルールがある。

使い方のルール
Synfortech Blueはアクセントとして使う

ボタン・リンク・アイコン・アクセントラインなど、視線を誘導したい箇所に使います。背景全体への使用は避けてください。

無許可の色をブランドカラーとして使わない

パープル・レッド・イエローなど、パレット外の色をブランドの代表色として使用することは禁止です。

コントラスト比を必ず確保する

白背景のテキストはグレー#6b7280以上の濃さで。小さな文字ほど、より高いコントラストが必要です。

カラーの役割
Primary — Synfortech Blue

CTAボタン・リンク・アイコン・アクセントラインに使用。ブランドの第一印象を担う色。

Dark — Deep Cyan

ホバー状態・セカンダリーボタン・グラデーションの終端色に使用。

Dark Base — Ink Night

ダーク背景・見出しテキスト・フッター背景に使用。

Base — Pure White

ライト背景・カードの地色・テキストの逆転色に使用。

Color in Use カラーの活用例

色は、 こう使う。

ブランドカラー背景

Primaryカラーを背景に使う場合、テキスト・ロゴは必ずホワイトで。

ダーク背景

Ink Night背景では、スタンダードロゴとブランドカラーのアクセントを組み合わせる。

CTA Button
ライト背景

白・ライトグレー背景では、CTAボタン・リンク・アイコンにのみブランドカラーを使う。

COLOR
#00A1CC は、
Synfortechの声だ。
このカラーが伝えること
先進性とスピード
前進する意志
ユーザーとの一貫した信頼
#00A1CC
HEX
0,161,204
RGB