HP細部のデザイン修正

[tsukachan-24]

概要

公開済みHPの細部のデザイン修正を行う

編集ファイルパス

考えられる開発内容

figmaを参考に、以下を修正してください

スマホ版

ロゴ紹介欄

• テキストをtext-textbに変更してください。

重要なお知らせ欄

• 重要なお知らせの文字をtext-buttonに
• テキストをtext-textbに変更してください。

お知らせ欄

• base-dark枠内側のy方向のパディングをLに変更してください。
• 日付-タイトル間の間隔をssから4pxに変更してください。

背景画像

• 不透明度80％に変更してください。
  (悩み中…現状スマホ版だと背景の主張が強いので。
  変更してみて、PC上で画面サイズ変えたときに色変わるの違和感、とかあれば教えてください)

スマホ版・PC版共通

フッター

• text-textが適用されている箇所をtext-textbに変更してください。

重要なお知らせ欄

• shadowの色を#111D53にしてください。

備考

• app/(frontend)/styles.cssに、使用するフォント、カラー、パディングの値等の名前が定義してあるため、それらを用いる
• (基本的に、figmaで定義してある名前と対応しています。　例:figmaのspace ss⇒spacing-ss)

期限

次回HPMTまで(5/27)　早ければ早いほどうれしい