それ以外の幅の場合はカスタムしてください。
フォントについて
[NotoSerifCJKjp]使用する場合は.font-minchoを指定
NotoSerifCJKjp
[Jost]フォント使用する場合は.font-enを指定
Jost
[りょうゴシック PlusN].font-gothic-descを指定
りょうゴシック PlusN
デザインデータについて
基本2倍での書き出しをお願いします。
大きい画像(背景画像)は1倍での書き出しでOKです。
・画像ファイルは./assets/img/{ページ名}/{画像ファイル}でお願いします。
・画像ファイルの命名規則 {ページ名}-{数字}.jpgでお願いします。例)about-01.jpg
コーディング規則
・レスポンシブ対応お願いします。
レスポンシブは
$middle: new-breakpoint(max-width 1120px 12);
$mobile: new-breakpoint(max-width 767px 12);
で作成をお願いします。
・アニメーションなどは無しで大丈夫です。
・mainタグの中にコードを書いてください。
・mainの中にsectionを使用してください
・PSDの文章をコピペして、htmlに反映させてください。
・画像には、.lazyloadをつけてください。dummy(100px)を用意してしてください
img class="lazyload" src="/assets/img/page/about/about-bg-dummy.jpg" data-src="/assets/img/page/about/about-bg.jpg" alt="ABOUT US"
フォントサイズについて
フォントサイズの最小は10pxでお願いします。
PCで16px、SPで13px
PCで18px、SPで15px
PCで22px、SPで17px
PCで36px、SPで24px
PCで48px、SPで30px
PCで72px、SPで50px
※目安なので、コーディングする際にもっといいサイズがあれば変更してOKです
コンポーネント
中央揃え