https://preview.studio.site/live/d7WlE0lDOV こちらは課題で制作したサイトです。 実際にあるサイトの模写を意識しつつ Studioのテンプレートをベースに、カスタマイズを加えて仕上げました。 ▼【配色】 全体のレイアウトは「見やすさ」を重視し、要望のあったグレー系を中心に落ち着いた配色にまとめています。 ▼【柔らかさの演出】 角丸のパーツを随所に取り入れ、フォントには柔らかな印象を与える「しまなみ」を使用することで、やさしい雰囲気を演出しました。 ▼【技術面】 CSSを用いて、スクロール時に追従するヘッダーが視界の妨げにならないよう、ロゴ画像の切り替えや高さの変化を実装しました。 また、ファーストビューにはクロスフェードのスライドショーを取り入れ、動きのある印象に仕上げています。