ボタン
押すと3pxだけふわっと浮かびます。
バッジ・タグ
マスキングテープ色のバリエーション。
アバター
丸ゴシックのイニシャルで。
リンク・コード
インラインで使う小さな要素。
区切り
手書きの波線と、破線。
インプット
フォーカスすると黄色くほんわり。
セレクト
ぶっきらぼうに見えて手づくり。
チェック/スイッチ/ラジオ
チェックは ✓ でかわいらしく。
スライダー
丸いつまみがぽてっ。
ファイル
破線の箱にぽとり。
タブ
クラフト紙のインデックス。
パンくず
小道しるべ。
ページネーション
ページめくりの目印。
ステッパー
順番にちょこちょこ。
セグメント
まるっと選ぶ。
アラート
やさしい色でお知らせ。
トースト
ぴょこっと出てきて消えるお知らせ。
ツールチップ
ホバーでそっと。
プログレス
斜めの縞でぐんぐん。
ローダー
くるくる・ぴょんぴょん。
空状態
なにもないときの、ほっこり。
まだ何もありません
カード
てっぺんにマスキングテープ。
カードの例
マスキングテープと波線で、手づくり感のあるカードです。
もうひとつの例
テープの色とアイコンを変えるだけで別の表情に。
テーブル
ノートの罫線のように。
| No. | なまえ | カテゴリ | 公開日 | 状態 |
|---|---|---|---|---|
| 01 | いたずら猫と香りの記憶 | あそび | 2026.04 | 公開中 |
| 02 | MP3タグエディター | どうぐ | 2025.08 | 公開中 |
| 03 | 画像トリミング | どうぐ | 2025.04 | 公開中 |
| 04 | 画像背景削除ツール | どうぐ | 2026.02 | おためし |
スタッツ
ちいさな数字たち。
タイムライン
記録帳のように。
レーティング
★印で気持ちを表現。
カレンダー
ちっちゃな予定帳。
チャット
ふきだしで、こそっと。
モーダル
マステを貼ったお知らせ窓。右の図鑑用はカード単体(ModalMock)。アプリではネイティブの dialog で包んだ ModalDialog も使えます。初回表示は通常 dialog.showModal()。ModalDialog の枠内では backdrop がレイアウト枠外に出るため、図鑑では閉じた状態+「開く」ボタンで showModal() する例にしています。
保存しますか?
編集した内容をzipファイルとしてダウンロードします。ファイルは端末に保存され、外部には送信されません。
アコーディオン
タップで開いてとじて。
めくれるカード
クリックで表裏がくるん。神経衰弱に。
トランプ
スート付きのプレイングカード。
♥
♥
♠
♠
♦
♦
♣
♣
♥
♥
トレーディングカード
属性付きのキャラクターカード。
ダイス
ころころ、ぽん。
スロット
そろったら、キラリ。
ライフ・コイン
いのちと、お金。
HP / MP / XP バー
ステータスの見える化。
スコア・コンボ
数字がはねるたのしさ。
キャラクターカード
パーティメンバー一覧に。
ダイアログ
ふきだし型のセリフ枠。
選択肢・ターン
RPG風のメニュー。
- たたかう
- まほう
- どうぐ
- にげる
- はい
- いいえ
ボード・ミニマップ
タイルとミニマップで世界観を。
Dパッド・アクションボタン
コントローラー風の操作盤。
クエスト
目標リストとごほうび。
- 花のカードを3つ見つける
- 月のカードを3つ見つける
- 雨のカードを3つ見つける
- 猫カードを3回ひく
- ミルクのアイテムをあげる
タイマー
のこり時間のドキドキ。
インベントリ
もちものスロット。
アチーブメント
リボン付きのメダル。
クリア
記憶
マスター
表情・リアクション
キャラの気持ちを。
スタート画面
タイトル + プッシュ・スタート。