Brand Assets
FolderOS の素材。
記事・資料・スライドで FolderOS を紹介するときは、ここにあるものをそのままお使いください。作り直したり、色を変えたりする必要はありません。
アプリのアイコン
背景は透明です。白い紙にも、暗い画面にも、そのまま置けます。
128
64
32
24
16このアイコンの意味
FolderOS は、新しい入れ物を作らせません。会社にもうあるフォルダを、AI が働ける場所に変えるだけです。アイコンはそれをそのまま描いています。
| かたち | 意味 |
|---|---|
| 橙のフォルダ | 会社にもうあるフォルダ。見慣れた色のまま置いてあります。新しい何かを増やすのではなく、今あるものが賢くなる、という約束です。 |
| すこし開いた前板 | いま使われている。しまい込んだ箱ではなく、毎朝あけられる場所。開くのが速いことも表しています。 |
| 右下の紺の丸と ✦ | ここに AI がいる。フォルダの右下に小さな印をつけるのは、Windows で毎日見ている書きかたです。説明されなくても「このフォルダには何かある」と読めます。 |
| 紺と橙の取り合わせ | 小さくしても見分けがつく。正反対の色どうしなので、タスクバーの 16px まで縮めても紺の点が残ります。他のフォルダに埋もれません。 |
ロゴ
アイコンと「FolderOS」の文字を横に並べたものが正式なかたちです。文字は特別な書体を使っていません。お手元の環境の標準の書体(Windows なら Segoe UI、Mac なら San Francisco)の太字で組んでください。Folder は文字色のまま、OS だけを橙にします。
白・薄い色の背景に
濃い色の背景に
アイコンと文字のあいだは、アイコンの高さの約 3 分の 1 あけます。ロゴのまわりには、アイコンの高さと同じだけの余白をとってください。狭いところに置くときは、アイコンだけを使ってかまいません。
色
主役は 2 色です。紺が構造(見出し・囲み・ロゴの文字)、橙がフォルダとボタン。
ネイビー
#1f5b8cフォルダ橙
#e7a13aフォルダ橙(濃)
#d28a1e文字・フッター
#1e293b背景(薄)
#f6f8fb使うときの決まり
してよいこと
- 記事・スライド・比較表で、FolderOS を指すために使う
- 縦横の比を保ったまま、大きさを変える
- 白い背景にも、濃い背景にも置く(透過です)
- 狭いところでは、アイコンだけを使う
しないでほしいこと
- 色を変える・縦横の比を崩す・回す・影をつける
- アイコンの上に文字や別の絵を重ねる
- 自分のサービスのアイコンとして使う
- AppTalentHub が推薦している、提携していると読めるかたちで使う
判断に迷うときや、ここにない形(横長のバナー用など)が必要なときは、お問い合わせからご連絡ください。作ってお渡しします。