喫茶 ほしづき
SINCE 1987
- お品書き
- お知らせ
- 店内
- ご予約
喫茶 ほしづき和モダンページで見る →
パーツ図鑑
UI PARTSWeb ページでよく使う UI パーツの名前と役割です。同じパーツでも、流派によって見た目が大きく変わります。
ヒーローセクション
Hero section別名：ファーストビュー / メインビジュアル
ページを開いて最初に目に入る大きな領域。何のサイトかを見出しと画像で一瞬で伝え、次の行動（CTA）へ誘導する。
使っているページ
星の見える窓辺で、一杯を。
季節限定栗の甘みを引き出した、秋だけのブレンドをご用意しました。夜は二十三時まで灯りをともしています。
席を予約する喫茶 ほしづき和モダンページで見る →
新機能：AI が予定を自動で組みます チームのタスクを、
ひとつの流れに。担当・期限・進み具合をひと目で。会議の前に、もう全員が同じ画面を見ています。
無料で始めるデモを見るTasklaneグラスモーフィズムページで見る →
- 速報#建築#夜の街
眠らない路地の、
設計図。高架下に生まれた24時間の商店街。誰が線を引いたのでもない街の、見えない設計を読み解く。
特集を読む →THE GRIDブルータリズムページで見る →
潮が引いたあとの、
光を撮っています。海辺の町を拠点に、風景とポートレートを撮影しています。
撮影のご相談 →Studio Kasumiミニマルページで見る →
バッジ
Badge別名：ラベル
「新着」「限定」などの状態を、要素の横に小さく添える目印。押せる要素ではないので、タグと見た目を分ける。
使っているページ
ティッカー
Ticker別名：マーキー / 流れるテキスト
速報や告知を横に流し続ける帯。動きで目を引くが、動きを減らす設定の人には止めて表示する。
使っているページ
- ■ 速報：今夜 21 時から深夜ラジオ特番■ 新連載「路地裏の建築」スタート■ 読者アンケート受付中
THE GRIDブルータリズムページで見る →
タブ
Tabs別名：タブメニュー / セグメント
同じ場所の中身を、カテゴリごとに切り替える見出しの列。選んでいるタブを色や下線ではっきり示す。
使っているページ
タグ
Tag別名：チップ
記事や作品に付けた分類のラベル。押すと同じ分類の一覧に移れることが多い。
使っているページ
カード
Card別名：カード型レイアウト
画像・見出し・短い説明を1つの枠にまとめた単位。同じ形を並べて、記事やお知らせの一覧を作る。
使っているページ
特徴グリッド
Feature grid別名：こだわり / 選ばれる理由
サービスの特徴を、アイコンと短い見出し・説明の組で横に並べたもの。3つ前後にまとめると読みやすい。
使っているページ
実績の数値
Stats別名：数字で見る
利用者数や年数などの数字を大きく見せて、信頼感を伝える帯。数字と単位・説明を組にする。
使っているページ
料金表
Pricing table別名：プラン比較 / 料金プラン
複数のプランを列に並べ、価格と含まれる機能を比べられるようにした表。おすすめのプランを1つ目立たせる。
使っているページ
Free
¥0 / 人・月
- ✓ 3人まで
- ✓ ボード 2つ
Team人気
¥980 / 人・月
- ✓ 人数無制限
- ✓ タイムライン
- ✓ 自動の振り分け
Business
¥1,980 / 人・月
- ✓ SSO
- ✓ 監査ログ
Tasklaneグラスモーフィズムページで見る →
ギャラリーグリッド
Gallery grid別名：フォトギャラリー / サムネイル一覧
写真や作品の画像を格子状に並べた一覧。大きさに差を付けると、単調にならずリズムが出る。
使っているページ
お客様の声
Testimonial別名：レビュー / 推薦文
利用者の感想を、名前や肩書きと一緒に引用として見せる部分。第三者の言葉で信頼感を補う。
使っているページ
アコーディオン
Accordion別名：開閉パネル / よくある質問
見出しを押すと中身が開いたり閉じたりする一覧。よくある質問のように、量の多い情報を畳んでおくのに使う。
使っているページ
ページネーション
Pagination別名：ページ送り
長い一覧を複数のページに分け、番号や「次へ」で移動できるようにしたもの。今のページ番号を目立たせる。
使っているページ
入力フォーム
Form別名：お問い合わせフォーム / 予約フォーム
名前や日時などを入力して送る欄の組み合わせ。項目ごとにラベルを付け、送信ボタンで締める。
使っているページ