SYN Owndを適用したデモサイトをご案内します。
カスタマイズ不要で、管理画面の設定だけでデモサイトのような見た目に調整できます。
メインビジュアル画像やアイキャッチ画像によって雰囲気が変わるため、画像は各自でご用意ください
デモサイトのご案内
カスタマイザーやウィジェット、メニューの設定だけで、各デモサイトと同じ見た目になります。
このページでは、各デモサイトの概要をお伝えします。
デモサイト01 – シンプルなメディアサイト

https://syn.design/syn-ownd-demo01
メインビジュアルの上にメディアのキャッチコピーと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
メインビジュアルは利用せず、記事スライダーを「テキスト別枠型」にしてアイキャッチを大きく見せるレイアウトに。
デモではお知らせエリアを表示しています。
