ちょっとした作業を、ブラウザの中だけで終わらせる道具箱

ぱぱっとには、広告もアップロードもありません。写真や書類の中身は、あなたの端末の外に出ません。

この約束を守るため、画像やファイルの処理はすべてブラウザの中で行い、使っている間に外のサーバーへ何かを読みに行くこともしません。文字のフォントやライブラリも、サイトの中に同梱しています。

使っている素材は、作者とライセンスを一つずつ「使っている素材」のページに載せています。中で何が動いているのかを、隠さないためです。

道具が増えるほど、ボタンや入力欄の見た目が道具ごとにばらつきます。ぱぱっとでは、ボタン・切り替え・入力欄などを共通の部品にまとめ、道具の中では見た目を書かない決まりにしています。

アクセントの色はオレンジの一色だけ。いちばん押してほしいボタンは、ひとつの手順にひとつだけです。どの道具を開いても、同じ手ざわりで使えます。

色は 9 つのトークンだけを使い、それぞれにライトとダークの値を決めています。アクセントはオレンジの一色で、ボタン・フォーカス・完了の印にだけ使います。

余白は 4px を単位に、使う段を 4・8・16・32・48px に絞っています。部品の中、近い要素どうし、ひとまとまりどうし、と、どこにどの段を使うかも決めています。

アイコンは 24×24 の枠に、太さ 1.7 の線で描き、端と角を丸めています。色は文字と同じにして、並べたときにうるさくならないようにしています。

見出しは丸ゴシックの M PLUS Rounded 1c、本文は Noto Sans JP。韓国語・中国語・アラビア語では、その言語の Noto Sans に切り替えます。

ぱぱっとは 10 の言語で使えます。右から左に書くアラビア語でも、画面の並びが崩れないように作っています。

幅 360px のスマートフォンでも横にはみ出さないこと。ダークモードや、動きを減らす設定でも使えること。どの道具も、この条件で確かめてから公開しています。