Neumorphism HomePage (Sampe)
https://r.goope.jp/sample104
2026-10-19T07:35:37+09:00
-
text/html
2025-12-24T18:11:00+09:00
新テンプレート「Neumorphism」をリリースしました
https://r.goope.jp/sample104/info/6574303
<p dir="auto" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; color: #1f2328; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; font-size: 14px;">ニューモーフィズム（Soft UI）を採用した、柔らかく立体的なテンプレート「Neumorphism」をリリースしました。</p>
<p dir="auto" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; color: #1f2328; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; font-size: 14px;">要素が背景から浮き出たり凹んだりする独特の質感が特徴で、優しく洗練された印象のホームページを作成できます。</p>
<h3 dir="auto" style="box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #1f2328; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';">サンプルサイト</h3>
<ul dir="auto" style="box-sizing: border-box; padding: 0px; margin-top: 0px; margin-bottom: 16px; position: relative; color: #1f2328; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; font-size: 14px;">
<li style="box-sizing: border-box; margin-left: 24px;">💜 <a href="http://r.goope.jp/sample104/t_010400740" rel="nofollow" style="box-sizing: border-box; background-color: transparent; color: #0969da; text-underline-offset: 0.2rem;">ラベンダー</a></li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">🩵 <a href="http://r.goope.jp/sample104/t_010400160" rel="nofollow" style="box-sizing: border-box; background-color: transparent; color: #0969da; text-underline-offset: 0.2rem;">スカイブルー</a></li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">🩷 <a href="http://r.goope.jp/sample104/t_010400420" rel="nofollow" style="box-sizing: border-box; background-color: transparent; color: #0969da; text-underline-offset: 0.2rem;">ローズピンク</a></li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">💚 <a href="http://r.goope.jp/sample104/t_010400410" rel="nofollow" style="box-sizing: border-box; background-color: transparent; color: #0969da; text-underline-offset: 0.2rem;">ミントグリーン</a></li>
</ul>
<h3 dir="auto" style="box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #1f2328; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';">こんな方におすすめ</h3>
<p dir="auto" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; color: #1f2328; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; font-size: 14px;">美容室・エステサロン、整体・クリニック、カフェ・ベーカリー、ヨガ・ピラティススタジオなど、優しく落ち着いたイメージを演出したい方におすすめです。</p>
<h3 dir="auto" style="box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #1f2328; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';">デザインの特徴</h3>
<ul dir="auto" style="box-sizing: border-box; padding: 0px; margin-top: 0px; margin-bottom: 16px; position: relative; color: #1f2328; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; font-size: 14px;">
<li style="box-sizing: border-box; margin-left: 24px;"><span style="box-sizing: border-box; font-weight: 600;">ニューモーフィズム</span> - 柔らかい影で要素が浮き出る・凹む立体的なデザイン</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;"><span style="box-sizing: border-box; font-weight: 600;">ソフトカラー</span> - 目に優しい淡い色合いの背景</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;"><span style="box-sizing: border-box; font-weight: 600;">ホバーアニメーション</span> - カードがふわっと浮き上がる効果</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;"><span style="box-sizing: border-box; font-weight: 600;">シンプルなレイアウト</span> - 情報が見やすく整理されたデザイン</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;"><span style="box-sizing: border-box; font-weight: 600;">完全レスポンシブ</span> - スマートフォン・タブレット・PCすべてに対応</li>
</ul>
<h3 dir="auto" style="box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #1f2328; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';">カラーバリエーション（12色）</h3>
<ul dir="auto" style="box-sizing: border-box; padding: 0px; margin-top: 0px; margin-bottom: 16px; position: relative; color: #1f2328; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; font-size: 14px;">
<li style="box-sizing: border-box; margin-left: 24px;">💜 ラベンダー - 上品で落ち着いたパープル（デフォルト）</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">🩵 スカイブルー - 爽やかで清潔感のあるブルー</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">🩷 ローズピンク - 華やかで優しいピンク</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">💚 ミントグリーン - 癒しを感じる爽やかなグリーン</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">🧡 サンセットオレンジ - 温かみのあるオレンジ</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">💛 ゴールデン - 明るく元気なイエロー</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">🩷 コーラル - 柔らかく華やかなコーラルピンク</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">🩵 ティール - 深みのあるティールブルー</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">💙 インディゴ - シックで落ち着いたインディゴ</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">🩶 ピュアホワイト - モダンで落ち着いたグレー</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">💚 ネイチャーグリーン - 自然を感じるグリーン</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">❤️ チェリーレッド - 情熱的で華やかなレッド</li>
</ul>
<h3 dir="auto" style="box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #1f2328; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';">ご利用方法</h3>
<ol dir="auto" style="box-sizing: border-box; padding: 0px; margin-top: 0px; margin-bottom: 16px; position: relative; color: #1f2328; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; font-size: 14px;">
<li style="box-sizing: border-box; margin-left: 24px;">管理画面にログイン</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">「デザイン」→「テンプレート」を選択</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">「Neumorphism」を選んで「適用する」をクリック</li>
<li style="box-sizing: border-box; margin-top: 0.25em; margin-left: 24px;">お好みのカラーを選択</li>
</ol>
<p dir="auto" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; color: #1f2328; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; font-size: 14px;">ぜひお試しください！</p>
<h3 dir="auto" style="box-sizing: border-box; margin-top: 24px; margin-bottom: 16px; font-size: 1.25em; line-height: 1.25; color: #1f2328; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';"></h3>