SYN Owndを適用したデモサイトをご案内します。
カスタマイズ不要で、管理画面の設定だけでデモサイトのような見た目に調整できます。
メインビジュアル画像やアイキャッチ画像によって雰囲気が変わるため、画像は各自でご用意ください
今後、デモサイトのカスタマイザーやウィジェットの設定をインポートできるようにファイルを用意する予定です。
デモサイトのご案内
カスタマイザーやウィジェット、メニューの設定だけで、各デモサイトと同じ見た目になります。
このページでは、各デモサイトの概要をお伝えします。
01 – シンプルなメディアサイト
メインビジュアルの上にメディアのキャッチコピーとCTAボタンを配置。
記事スライダーを画像とカテゴリの表示だけにして、バナーのスライドショーの雰囲気にしています。
02 – MVに写真を大きく使ったウェブサイト
https://syn.design/syn-ownd-demo02
メインビジュアルに画像を配置し、ヘッダーを透過、写真が大きく映えるような設定にしました。
記事スライダーは「横長型」を選択してサイトの更新情報のような見せ方にしています。
03 – インパクトのあるメインビジュアル
https://syn.design/syn-ownd-demo03
メインビジュアルの画像の表示サイズを「ウィンドウサイズをカバー」にして、ブラウザサイズいっぱいに表示。
サイトのトップページのような印象を与えます。
04 – 明朝体の落ち着いたグレースケールサイト
https://syn.design/syn-ownd-demo04
全体のデザインからフォントは「明朝体」を選択、メインビジュアルも「グレースケール」で落ち着いた印象にしました。
色味もゴールド（#7c7602）にして高級感も足しています。
05 – アイキャッチが印象的なメディアサイト
https://syn.design/syn-ownd-demo05
メインビジュアルは利用せず、記事スライダーを「テキスト別枠型」にしてアイキャッチを大きく見せるレイアウトに。
デモではお知らせエリアを表示しています。
06 – クリニック・医療系コラム「Clinica」
https://syn.design/syn-ownd-demo06/
クリニックや医療系のメディアをイメージしたデモサイトです。
メインビジュアルの小文字のあしらいは追加CSSで見栄えを調整しています。
07 – 製造業・工場のコラム「FACTORIA」
https://syn.design/syn-ownd-demo07/
シンプルなレイアウトとモノトーンの色合いで製造業のオウンドメディアをイメージしました。
メインカラーに濃いグレー、アクセントカラーにゴールドを配色、フォントも明朝体を使用。
08 – ECサイトのメディア「Storelab」
https://syn.design/syn-ownd-demo08/
トップページはサイドバーをなくし、記事が3カラムで並ぶレイアウトを採用。
フッターウィジェットまわりは追加CSSで下線の色合いを調整しています。
09 – 飲食店やカフェのブログ「Cafesta」
https://syn.design/syn-ownd-demo09/
MVとヘッダーの領域をなくしたファーストビュー、スライダーは横長のタイプにしています。
投稿タイプは「ブログ型」を採用しています。
