ブランドキット
ロゴ、カラー、タイポグラフィ、イラスト。Drime を紹介するのに必要なものがすべてそろっています。
ロゴ
バリエーションロゴ
基本は組み合わせロゴです。スペースが限られる場合はシンボルだけを、シンボルがすでに表示されている場合はワードマークを使います。
構成ロゴ
シンボルとワードマークは同じ高さです。両者の間隔はシンボルの半分です。
余白ロゴ
四方すべてに、シンボル1つ分の余白を確保してください。テキスト、画像、端などを入れてはいけません。
= シンボル1つ分
最小サイズロゴ
画面上では、組み合わせロゴの幅を122ピクセル未満にしないでください。
読みやすい小さすぎます：最小122 px
ブラックとホワイトロゴ
カラーが使えない場合は、ブラックかホワイトのロゴを使います。その中間の色は使いません。
カラー背景ロゴ
Drime のカラーの上では、ロゴはダークグリーンにします。ダークグリーンの上では、ホワイトにします。
誤った使い方ロゴ
ロゴはそのままの形で使います。形、カラー、レイアウトは絶対に変更しないでください。
カラー
Drime のカラーは3つのグループに分かれます。
カラーをクリックしてコピーカラーをタップしてコピー
メインパレット
セカンダリパレット
濃淡
メインパレットカラー
象徴的なグリーン、純粋なホワイト、深みのあるダークグリーン。Drime のすべてのレイアウトの基本です。
- RGB
- CMYK
- HEX
- RGB
- CMYK
- HEX
- RGB
- CMYK
- HEX
セカンダリパレットカラー
リズムを生み、大切な要素を引き立てる6つの鮮やかなアクセントカラー。使いすぎに注意してください。
- RGB
- CMYK
- HEX
- RGB
- CMYK
- HEX
- RGB
- CMYK
- HEX
- RGB
- CMYK
- HEX
- RGB
- CMYK
- HEX
- RGB
- CMYK
- HEX
濃淡カラー
各カラーをベースからホワイト、ブラックへ。ダークグリーンは10段階で用意しています。
グラデーションカラー
背景、カード、レイアウトに使えるやわらかなグラデーション。
ブランドグラデーションカラー
Drime アプリのログインページのグラデーション。マゼンタ、イエロー、グリーン、ターコイズを使っています。
タイポグラフィ
見出しには Cabinet Grotesk、それ以外には Schibsted Grotesk を使います。どのサイズでも読みやすく、どのウェイトでも親しみやすい書体です。
Typography
Cabinet Grotesk見出し
個性のあるグロテスク書体。タイトルや大きなメッセージに使います。Thin から Black までの可変フォントです。
可変 100–900
Schibsted Grotesk本文
しっかりとして親しみやすいグロテスク書体。本文、インターフェース、ボタンに使います。本物のイタリック付きの可変フォントです。
可変 400–900
階層文字サイズのスケール
見出しは Cabinet Grotesk Medium、本文は Schibsted Grotesk Regular。drime.cloud で使っているサイズです。
Your files, everywhere
Secure cloud storage
Drime keeps your files safe, in sync and ready to share on every device.
誤った使い方タイポグラフィ
書体はデザインされたとおりに使います。効果や変形は加えません。
行間が広すぎる
行間が狭すぎる
引き伸ばし
影
字間が狭すぎる
字間が広すぎる
輪郭線
ウェイトの混在
タイトルをすべて大文字に
イラスト
Drime のイラストイラスト
Drime のカラーで仕上げた、やわらかな 3D オブジェクト。ファイル、フォルダ、セキュリティを生き生きと表現します。クリックするとダウンロードできます。
