ブランドガイド
ロゴの使用
ロゴの注意点
- スイムレーンのブランドアセットの周囲には十分なスペースを確保し、見やすく整理された状態を保ちましょう。ブランドアセットは常に読みやすいサイズで使用してください。.
- Swimlaneのロゴは、白または暗い背景でのみ使用してください。ライトグレーやブランドパレットにある他の明るい色は使用しないでください。.
- ほとんどの場合、インラインバージョンのロゴを使用してください。ロゴが主な焦点であり、追加のメッセージがない場合、またはメッセージがロゴから離れている場合、スタックバージョンを使用できます。.
ロゴの禁止事項
ロゴを変更しないでください。以下のよくある間違いを避けてください。.
ストレッチしないでください
マークや単語を個別に拡大縮小しないでください
アウトラインしない
グローやドロップシャドウなどの効果は追加しないでください。.
ブランドの主要色以外の色は使用しないでください
斜めに置かないでください
パターンを適用しない
ロゴマークを純白のまま使用しないでください
- スイムレーンの名称またはロゴ、あるいはその一部またはすべてを、他のロゴ、会社名、マーク、または用語と組み合わせないでください。また、ロゴをいかなる方法でも編集、変更、歪曲、回転、または色変更しないでください。.
- 「S」マークを単独で使用しないでください。ロゴは常にマークとロゴタイプの両方として表示される必要があります。唯一の例外は、微妙なパターンや背景処理として使用することですが、主要なメッセージと矛盾したり、デザインの他の部分を圧倒したりしてはなりません。.
- ロゴが画像の暗い部分または白い部分に配置されている場合を除き、写真ではフルカラーのロゴを使用しないでください。.
- 「S」マークのないロゴタイプは使用しないでください。ロゴは常に両方の要素とともに表示する必要があります。.
- ロゴを模様付きの背景に配置したり、グローやドロップシャドウなどの効果を追加したりしないでください。.
クリアランスを提供する
スイムレーンのブランドアセットの周囲に十分なスペースを設け、明確で整理された状態を保ちます。ブランドアセットは常に読みやすいサイズで使用してください。
色指定
以下はSwimlaneの公式カラーパレットです。このコアカラーセットから逸脱することは避けてください。ブランドカラーパレットは、明暗のバランスを保ちながら、鮮やかさを表現するように使用してください。一般的に、ミッドナイトまたはホワイトは背景やフラッドに使用し、コントラストのある明るい色で視覚的に興味深い効果を生み出します。LochmaraとAzureも、他のブランド要素やメッセージと競合しない適切な場合にフラッドで使用できます。.
カラーパレット (マウスオーバーで16進数値をコピーします)
#007AFF
RGB
0,122,255
CMYK
100,52,0,0
#000743
RGB
0,7,67
CMYK
100,90,0,74
#FF3366
RGB
255,51,102
CMYK
0,80,60,0
#0FB0F4
RGB
15,176,244
CMYK
94,28,0,4
#39CCCC
RGB
57,204,204
CMYK
72,0,0,20
#131724
RGB
19,23,36
CMYK
47,36,0,86
#646F79
RGB
100,111,121
CMYK
17,8,0,53
#C6D1DB
RGB
198,209,219
CMYK
10,5,0,14
#EEF4FA
RGB
238,244,250
CMYK
5,2,0,2
#FFFFFF
RGB
255,255,255
CMYK
0,0,0,0
グラデーション (マウスオーバーでCSS値をコピーします)
75度
#FF3366 | #007AFF |
#39CCCC
95度
#000743 | #007AFF |
#0FB0F4 | #39CCCC
ラジアル
#000A59 | #03139A |
#007AFF
93度
#007AFF | #0FB0F4 |
#39CCCC
リニア
#FF3366 | #007AFF |
#39CCCC
主な書体
製品内以外ではGoogleフォントを使用します DMサンズ。.
DMサンズ
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()?+
