Morvix Linen

素材morvix
Morvix Linenのフルページスクリーンショット

亜麻色と生成りに墨を合わせ、差し色の藍色を点線のリンク・ボタン・アイコンに使うテンプレート。亜麻布の縦横の糸目をCSSのグラデーションだけで表現した背景のWoven Texture Heroセクション、大きな亜麻布の写真と丸い色見本ボタン3つのSwatch Switcherセクション、縫い目の点線で囲んだパネルと横長の帯のStitched Panelsセクション、点線の枠のContactボタンを配置したCTAセクションで構成する。

技術スタック

HTMLCSSJavaScript

特徴

  • CSSグラデーションの背景のWoven Texture Heroセクション
  • 丸い色見本ボタン3つのSwatch Switcherセクション
  • 縫い目の点線で囲んだ2列2段パネルのStitched Panelsセクション
  • 写真と見出しとLearn Moreリンクの横長の帯
  • 点線の枠のContactボタンを配置したCTAセクション
  • ロゴとHero・Swatch・Panels・Contactナビのヘッダー
テンプレート一覧に戻る

制作のご依頼

このようなWebサイトの制作をご希望の方は、お気軽にお問い合わせください。

お問い合わせ →