<aside> 💡 These are the guidelines and logo assets for now. These may change as we use it and evolve. Please contact @Chika Noguchi or @Satoshi if you have any questions. CMYK versions in progress.

</aside>

Figma

https://www.figma.com/design/pNxI3PBMLebcfcTXO67eKR/[Kanly]-Design-System-Guideline?node-id=1-20&t=xLprl9390UXcvsbS-1

Color codes

Primary color

Kanlyのメインカラーは青でサブカラーが黒となります。

Blue(main) Black(sub)
HEX #003292 #1E1E1E
CMYK (100,66,0,43) (0,0,0,88)

Screenshot 2024-08-06 at 10.15.19.png

Secondary color

グラフなどメインカラーだけでは足りない場合、または視覚的に色彩が必要となる場合は、こちらのセカンダリーカラーも伴わせて使用してください。

Green Yellow Red Purple
HEX #679D79 #FFC047 #13255 #9d678b
CMYK (34,23,0,38) (0,25,72,0) (49,0,86,85) (0,34,95,38)

Screenshot 2024-08-06 at 10.15.10.png

Screenshot 2024-08-06 at 10.46.34.png

Usage

Kanly のブランドロゴは、シンボルロゴとタイポグラフィーロゴをセットで使用するのが基本形となります。表示範囲の規定など特定の規制がある場合、シンボルロゴ単体、タイポグラフィーロゴ単体で用いることが可能です。

Screenshot 2024-08-05 at 16.55.34.png

Kanlyのロゴは3色、青・緑・黒を使用しています。ほとんどの場合、インパクトと明瞭さを保つために、デフォルトのロゴを配置するのには、白い背景を推奨しています。 尚、背景色が暗い、または適切でない場合、反転した白色バージョンが利用可能です。

Screenshot 2024-08-05 at 16.56.20.png

Best practices