HERMANSはダークモードに対応したBASEデザインテーマです。
ダークモードに加えて、テーマカラー設定、デザインパターン、グラデーションカラー、コンテンツの並べ替え、YouTube背景動画、Instagramの埋め込みなど、多様な機能を網羅しています。

各コンテンツのタイトルを左右に配置したり、一部コンテンツにシャドウや色反転などを適用し、単調にならずダイナミックなデザインになるよう設計しました。

さらに、TOPページには16種類のコンテンツを自由に並び替えることができるように設計、使いたいコンテンツや目立たせたいコンテンツを上部に配置するなど、非常に柔軟性の高いテンプレートです。
まずはデモサイトやプレビューで実際のサイトをご確認ください。

============================================

■ デモショップ1

https://hermans.base.shop
https://hermans.base.shop/items/72593908

■ デモショップ2

https://hermans2.base.shop
https://hermans2.base.shop/items/73734361

============================================

■ 主な特徴

・ダークモード対応
時間帯で自動でカラーが変わります。
夜間でも目に優しいデザインで、快適なショッピング体験を提供。
売上アップをサポートします。

・選べるデザイン設定
配色パターンと見出しデザイン、ボタンデザイン、ヘッダーレイアウトの組み合わせにより、
自由度の高いサイト制作が可能です。

・フォント設定
見出し、本文で別々の設定が可能。
フォントの太さや文字間、全体の文字サイズを調整できます。

・メインイメージ
スライドパターン、背景画像の上に乗せるテキスト(または画像)の設定、
全画面設定など自由度の高いメインイメージ。

・TOPページに17のコンテンツ
全17コンテンツ(下記トップページ コンテンツリスト参照)を自由に並び替え可能。
表示のON/OFFと組み合わせることで自由なサイト制作を実現しました。

・表示アニメーション
スクロールに合わせて要素がフェードインで表示されるアニメーションを搭載。
ユーザーの視線を自然に誘導し、サイト全体のダイナミックな印象を強調します。

・タイトル配置
各コンテンツのタイトル配置を自由に設定できます。
大きめのフォントや手書きフォントなどを使いダイナミックな表現も可能です。

・Instagram埋め込み
Instagramの投稿を外部ツールを使って埋め込みできます。
外部ツールはSnapWidgetやSauceが簡単でおすすめです。

・YouTube背景動画コンテンツ
YouTube動画を背景で再生するコンテンツが作成できます。

・クーポンApp用のコンテンツ
クーポン設定専用のコンテンツを用意。
クーポン配布時にご利用ください。

・商品ページの設定
商品画像はスライド・画像1列・画像2列から選択可能。
スクロールで左右のコンテンツを追従したり、画像をズームする機能も搭載。
商品ページにもTOPページの一部コンテンツを表示させることでユーザーの離脱を防止します。

・独自CSS、headタグ設定
上級者向け機能。
独自のCSSやJavaScriptの埋め込みも可能です。

============================================

■ トップページ コンテンツリスト

1. ヘッダー
2. メインイメージ
3. コンセプト
4. カテゴリ別スライド
5. 画像背景バナー
6. カテゴリリスト
7. バナーリスト
8. お知らせ
9. メッセージ
10. セール
11. ピックアップ
12. 商品一覧
13. 新着商品
14. YouTube
15. Instagram
16. 閲覧履歴
17. 新着ブログ
18. クーポン
19. フッター

============================================

■ ダークモードの確認方法

テーマ設定>ダークモード設定をライトモードのみ、
ダークモードのみと切り替えることでそれぞれのカラーを確認できます。

============================================

■ 対応Apps

テーマ側で対応が必要なAppsは基本的に全てのAppsに対応しています。

============================================

■ マニュアル

テーマの設定は以下のオンラインマニュアルを参照ください。
https://base.grayelinc.com/hermans

============================================

■ 姉妹テーマ

OULU / 角丸を使った柔らかいデザイン、北欧デザインにおすすめ
https://design.thebase.com/detail/114

MONTANHA / ミニマル・シンプルデザイン、見出しやボタンの組み合わせ自由自在
https://design.thebase.com/detail/108

HERMANS
¥22,800
説明サイトを見る

HERMANSはダークモードに対応したBASEデザインテーマです。
ダークモードに加えて、テーマカラー設定、デザインパターン、グラデーションカラー、コンテンツの並べ替え、YouTube背景動画、Instagramの埋め込みなど、多様な機能を網羅しています。

各コンテンツのタイトルを左右に配置したり、一部コンテンツにシャドウや色反転などを適用し、単調にならずダイナミックなデザインになるよう設計しました。

さらに、TOPページには16種類のコンテンツを自由に並び替えることができるように設計、使いたいコンテンツや目立たせたいコンテンツを上部に配置するなど、非常に柔軟性の高いテンプレートです。
まずはデモサイトやプレビューで実際のサイトをご確認ください。

============================================

■ デモショップ1

https://hermans.base.shop
https://hermans.base.shop/items/72593908

■ デモショップ2

https://hermans2.base.shop
https://hermans2.base.shop/items/73734361

============================================

■ 主な特徴

・ダークモード対応
時間帯で自動でカラーが変わります。
夜間でも目に優しいデザインで、快適なショッピング体験を提供。
売上アップをサポートします。

・選べるデザイン設定
配色パターンと見出しデザイン、ボタンデザイン、ヘッダーレイアウトの組み合わせにより、
自由度の高いサイト制作が可能です。

・フォント設定
見出し、本文で別々の設定が可能。
フォントの太さや文字間、全体の文字サイズを調整できます。

・メインイメージ
スライドパターン、背景画像の上に乗せるテキスト(または画像)の設定、
全画面設定など自由度の高いメインイメージ。

・TOPページに17のコンテンツ
全17コンテンツ(下記トップページ コンテンツリスト参照)を自由に並び替え可能。
表示のON/OFFと組み合わせることで自由なサイト制作を実現しました。

・表示アニメーション
スクロールに合わせて要素がフェードインで表示されるアニメーションを搭載。
ユーザーの視線を自然に誘導し、サイト全体のダイナミックな印象を強調します。

・タイトル配置
各コンテンツのタイトル配置を自由に設定できます。
大きめのフォントや手書きフォントなどを使いダイナミックな表現も可能です。

・Instagram埋め込み
Instagramの投稿を外部ツールを使って埋め込みできます。
外部ツールはSnapWidgetやSauceが簡単でおすすめです。

・YouTube背景動画コンテンツ
YouTube動画を背景で再生するコンテンツが作成できます。

・クーポンApp用のコンテンツ
クーポン設定専用のコンテンツを用意。
クーポン配布時にご利用ください。

・商品ページの設定
商品画像はスライド・画像1列・画像2列から選択可能。
スクロールで左右のコンテンツを追従したり、画像をズームする機能も搭載。
商品ページにもTOPページの一部コンテンツを表示させることでユーザーの離脱を防止します。

・独自CSS、headタグ設定
上級者向け機能。
独自のCSSやJavaScriptの埋め込みも可能です。

============================================

■ トップページ コンテンツリスト

1. ヘッダー
2. メインイメージ
3. コンセプト
4. カテゴリ別スライド
5. 画像背景バナー
6. カテゴリリスト
7. バナーリスト
8. お知らせ
9. メッセージ
10. セール
11. ピックアップ
12. 商品一覧
13. 新着商品
14. YouTube
15. Instagram
16. 閲覧履歴
17. 新着ブログ
18. クーポン
19. フッター

============================================

■ ダークモードの確認方法

テーマ設定>ダークモード設定をライトモードのみ、
ダークモードのみと切り替えることでそれぞれのカラーを確認できます。

============================================

■ 対応Apps

テーマ側で対応が必要なAppsは基本的に全てのAppsに対応しています。

============================================

■ マニュアル

テーマの設定は以下のオンラインマニュアルを参照ください。
https://base.grayelinc.com/hermans

============================================

■ 姉妹テーマ

OULU / 角丸を使った柔らかいデザイン、北欧デザインにおすすめ
https://design.thebase.com/detail/114

MONTANHA / ミニマル・シンプルデザイン、見出しやボタンの組み合わせ自由自在
https://design.thebase.com/detail/108

HERMANS
¥22,800

決済情報入力

選択中のテーマ

HERMANS

22,800

クーポンコードをお持ちの方はこちら

決済情報入力

カード番号必須

カード番号を入力してください。

クレジットカード決済

※上記のクレジットカードをご利用いただけます。

有効期限必須

セキュリティ番号必須

※ご購入時に、クレジットカード情報はご登録済みのBASEアカウントの情報として保存されます。カード情報の確認・変更は、「クレジットカード情報」ページにて行うことができます。

ご登録のクレジットカード

カード番号  

※ご登録済みの決済情報の変更は、「クレジットカード情報」ページにて行うことができます。

購入完了

ご購入いただきありがとうございました。

HERMANS

22,800

HERMANS」を購入しました。ご登録のメールアドレスに購入内容詳細のメールをお送りしておりますので、ご確認ください。