SK's Brand
SK のプロダクトに共通する、デザインとことばのきまり。見た目だけでなく、使う人への約束も、ここにまとめています。
大切にしていること
毎日のネットを、もう少し安心で便利に。そのために、4 つのことを大切にしています。
安心
集めない・送らない
必要なものだけを、必要なときに。閲覧履歴や検索語は集めません。できることは、ブラウザの中で済ませます。
やさしい
だれにでもわかる
専門用語をなるべく使わず、小学生にも伝わることばで。説明がなくても、さわればわかる形に。
静か
じゃましない
通知や動きは控えめに。広告は出しません。使う人の時間と集中を、うばわないように。
ていねい
細かいところまで
0.3 秒の動き、1px の余白、ダークモードの色まで。気づかれないところにこそ、手をかけます。
ロゴ
青いキューブのマークと、「SK」の文字。明るい背景でも、暗い背景でも、そのままの形と色で使います。
SKSK- まわりに余白をマークの 4 分の 1 以上の余白をあけます。
- 形を変えないのばしたり、回したり、切ったりしません。
- 色を変えないテーマカラーを選んでいても、マークの色はそのままです。
- 飾らない影やふちどり、光る効果をつけません。
色
基本の色は SK's Blue。サイトでは、好きなテーマカラーに変えられます。色の丸を押すと、このページの色が変わります（色の名前の下のコードを押すと、コピーできます）。
テーマカラー
プロダクトの色
#ffc83d
#5a5fe0
#0f766e#0b6bcb基本の色
#0d1014#e8ecf1#5a6371#9aa4b2#f5f6f8#0b0e13#ffffff#151a21#e1e4e9#2a313bコードは、左がライト、右がダークのときの色です。
文字
読みやすさを第一に。プロダクトごとに、性格に合った書体を選んでいます。
もう少し安心で便利に。
凪のように。
形と動き
角はやわらかく、動きは短く。気持ちよさは、気づかれないくらいがちょうどいい。
0.3 秒。前のページが少し小さくなって消え、次のページが出てきます。
押したところから、新しい色が円く広がります。
選んだものが、ポンと小さく弾みます。
動きを減らす設定にしている人には、動きを出しません。
ことば
画面のことばは、となりで話しかけるように。短く、やさしく、相手をせめない。
ていねいに、でもかたくなりすぎずに。
「認証」ではなく「ログイン」。「同期処理」ではなく「同期」。
うまくいかなかったときは、理由と、次に何をすればいいかを書く。
「無効な入力です」ではなく、どう入れればいいかを伝える。
使う人との約束
デザインのきまりと同じくらい、大切にしていることです。
- 閲覧履歴や検索語を集めません。
- 集めた情報を、広告や販売に使いません。
- アクセス解析は、許可した人だけ。
- 自分のデータは、いつでもダウンロード・削除できます。