このページでは、xiliを紹介するためのブランドガイドライン、ロゴ、製品スクリーンショットをまとめています。私たちのストーリーを伝える際に、ぜひご活用ください。
xiliの名前は唐辛子（chilli）に由来します。日常の瞬間に、少しの刺激と驚き、そしてスパイスを。シンプルで親しみやすい名前にするため、小文字を選びました。 常に小文字で表記します。文頭でも同じです。 xiliは、同じく小文字で表記するxilistudios OÜのプロダクトです。
会社情報
ブランド・プレス
ロゴ
ブランドカラー
赤、白、黒。温かみのある赤と、柔らかなニュートラルカラー。
xiliレッド
アクセントと主要な操作
ソフトホワイト
明るい背景と反転テキスト
ソフトブラック
テキストと暗い背景
ライトとダーク
柔らかなニュートラルカラーで写真を引き立てます。ライトモードでは明るい背景に暗い文字、ダークモードではその役割を反転します。背景より少し明るい面でカードやパネルを区別します。赤の役割はどちらでも変わりません。
主要なボタンは、どちらのテーマでもxiliレッド（#F25B50）の背景に純白（#FFFFFF）の文字を使用します。ホバー時は赤が#D8463Eに濃くなり、柔らかな赤い輪郭が現れます。補助的なボタンはニュートラルな色を保ちます。
ランダムな投稿。ありのままの友達。
- 背景
- #EBEBEB
- サーフェス
- #F5F5F5
- 文字
- #141414
ランダムな投稿。ありのままの友達。
- 背景
- #141414
- サーフェス
- #1F1F1F
- 文字
- #EBEBEB
書体と形
インターフェースにはRobotoを使用。本文はRegular、強調はBold。
Roboto
Regular · 400
ランダムな投稿。ありのままの友達。
Bold · 700
ランダムな投稿。ありのままの友達。
柔らかな角。シンプルな形。
カードとパネル
角丸 8px
ボタンとコントロール
カプセル形
