イギリス政府　GOV.UK Design System 常盤野 さん

パンくずとタブ

一覧カレンダー在庫設定

ページの見出し

予約

焙煎の予約

受け取りの日と数量を選びます。残り3枠

フェーズバナー

BETAこの画面は試験中です。ご意見をお寄せください。

サマリーリスト

お名前
常盤野 珈琲
変更
受け取り日
2026年9月12日
変更
数量
200g
変更

警告の文

!警告 受け取り日を過ぎると、予約は取り消されます。

通知バナー

成功
予約を受け付けました

受付番号は 1024 です。

ボタン

入力

受け取り方
通知
受け取りの通知

カード

浅煎り

柑橘のような明るい酸。朝の一杯に。

¥1,600選ぶ

中煎り

甘さと苦みの釣り合い。毎日の一杯に。

¥1,650選ぶ

深煎り

しっかりした苦みと香ばしさ。ミルクにも。

¥1,700選ぶ

表とページ送り

受付番号 お名前 豆 状態 金額
1024 常盤野 珈琲 浅煎り 200g 確認待ち 1,600
1023 柊野 花 深煎り 200g 受け取り済み 1,700
1022 中町 太郎 中煎り 400g 下書き 3,300
‹123›

通知

情報9月20日は臨時休業です。
完了予約を受け付けました。受付番号は 1024 です。
注意受け取り日を過ぎると予約は取り消されます。
エラー数量は 100g 単位で入れてください。

タグ・進捗・トースト

下書き確認待ち受け取り済み取消
焙煎の進み 62%
予約を保存しました 元に戻す

ダイアログ

予約を確定しますか

確定すると、店主に通知が届きます。あとから変更できます。

文字の段

焙煎の予約

見出し 1　受け取りの日を選ぶ

見出し 2　豆と数量

本文。柑橘のような明るい酸と、後に残る甘さ。その日に焼いた豆だけを、一杯ずつ淹れます。

補足の文字。受付番号 1024 · 2026年9月12日

色

主色文字面地成功注意エラー

この見本は公式サイトの画面ではありません。公開されているトークンの値（色・角丸・影・密度）で、この資料の架空の画面を組み直したものです。文言・図版・ロゴ・独自書体は使っていません。