# 5 Minute Relief Patch｜Tuning Element｜LPのWebデザイン参考

> パッケージの色タブが、FVでそのまま波打ってる。貼る医療機器「5 Minute Relief Patch」の日本公式ブランドサイトは、パステルのカプセル形とクリーム色のぼかしで、医療機器を日用品の軽さで見せている。

- URL: https://solve-net.com/tuningelement/5minutereliefpatch/
- 解説ページ: https://katapick.com/sites/tuning-element-relief-patch
- カテゴリ: LP / 地域: 国内（JP）/ 業種: 医療機器（貼付パッチ）
- テイスト: スクロール演出、余白、角丸、固定CTA、ロングページ、ライト
- 公開・リニューアル: 2026-08 / Katapick掲載: 2026-09-26 / 最終確認: 2026-09-26
- 再現難易度: 4/5（目安 40 時間）

## 編集部のひとこと（Leo）
Featureのところ、画面は止まったまま背景の英字だけスーッと流れていくの、ライブで照明だけ変わって次の曲に入る瞬間みたい！ 静かなのに“次が来る”感じがちゃんとある！

## デザインの見どころ
- カプセルの長さを少しずつずらして並べる。波形のような揺らぎが「ぴたっと、よりそう」軽さを伝える
- Feature 02は5つの丸いバッジに。「水濡れOK」「においなし」を、読む前に並びで安心させる
- 家族や高齢者の写真をカプセル形に抜き、商品の周りに散らす。医療機器を暮らしの真ん中に置き直す

## 配色
- #fef8ee Cream（背景）
- #fff1d9 Apricot Cream（セクション背景 / 円）
- #7ae8f3 Aqua Capsule（カプセルのグラデーション）
- #98fbda Mint Capsule（カプセルのグラデーション）
- #fffb79 Lemon Capsule（カプセルのグラデーション）
- #616161 Soft Graphite（テキスト）

## フォント
- 和文見出し・本文: 秀英角ゴシック銀（dnp-shuei-gothic-gin-std）（代替: Zen Kaku Gothic New）
- 英字ナビ・ラベル: Futura PT（代替: Jost）

## よくある質問
### 5 Minute Relief Patchのサイトで使われているフォントは？
和文に秀英角ゴシック銀、英字に Futura PT（いずれも Adobe Fonts）が使われています。無料で近づけるなら、和文は Zen Kaku Gothic New、英字は Jost がおすすめです。

### パステルのカプセルが並ぶビジュアルはどう作る？
縦長の div に border-radius: 999px と linear-gradient の縦グラデーションを指定し、高さと top の値をずらして横に並べます。色は水色・ミント・黄色の3系統に絞るとまとまります。

### どんな業種の参考になる？
医療機器、ヘルスケア用品、サプリメント、日用品など、機能性の商品をやさしく親しみやすく見せたいプロダクトLPの参考になります。

---
セクション別の構成・モーションの実装方法・AI実装プロンプトを含む「再現用Markdown」は https://katapick.com/sites/tuning-element-relief-patch からダウンロードできます。
出典: Katapick（https://katapick.com）