content-box-normal

イラレアートボード:PCSP 横1200px
メインビジュアル画像:PC→横1200px:縦800px
           SP→横1200px:縦1600px

※画像拡大:1200まではブラウザ幅に応じ拡大。それ以降拡大停止(max-width:1200px;)。

イラレアートボード
PCSP 横1200px

メインビジュアル画像
PC→横1200px:縦800px
SP→横1200px:縦1600px

基本フォント:Hiragino Kaku Gothic ProN(=shopifyデフォ設定。2023年3月頃はNote Suns JPだったのにいつの間にか変わった。。)

 

キャッチコピー(=メインビジュアル下の文章)文字 : サイズ16px 行間30px 太さ700。

メインビジュアル↔キャッチコピーの余白 : 40px。

キャッチコピー↔通常テキスト間の余白 : 20px。


※これ以外のサイズにしたい場合、デザイナーからコーダーに指示。

通常テキストの文字サイズ : 14px 太さ400。

最小文字サイズ : 10px。

通常横余白 : PCは8.3333%。SPは0or4%(縦長の画像メインなら8.333%もOK)。

 

※大きさ調整について、文字サイズは偶数、余白は4の倍数、であればOK。

見出しフォント:Oswald
見出しの文字 : サイズ32px 太さ600
キャッチコピー⇔見出し間余白80px、見出し⇔画像間余白40px

横幅余白0%。

横余白8.3333%目安. ←PCのコンテンツのベース。ヘッダー以外は基本このエリアの中に収める。ーーーーーーーーーーー全モヘアカーディガンが流行っている、というのは知っているけど、モヘアって何?!と気になっている方も多いのでは。そんな気になる素材感や、WEGOのモヘアライクカーディガンは”ココ”が違う!というポイントを大解剖。

横余白4%目安。スマホのベースは横余白0or4%にする。8.3333だとコンテンツのインパクトが減る為

テストテストテストてすとてすとてすとtesttesttestTESTTESTTEST

Category(英語文字参考)

テストテストテストてすとてすとてすとtesttesttestTESTTESTTEST。

カテゴリ下の補足テキストは10px - 700 weight。 余白12px(Lineheight除く)。

文字サイズ12px。補足文付の場合、メインの文字は12 or 14px。文字つぶれない用に。H4

身長:175cm

サイズ:L

文字サイズ14pxだとこんな感じ。文字つぶれない用に。H4 ーーーーーーーー

身長:175cm

サイズ:L


縦長の画像の見え方参考

余白8.3333%設定だとこれくらい。.モヘアカーディガンが流行っている、というのは知っているけど、モヘアって何?!と気になっている方も多いのでは。そんな気になる素材感や、WEGOのモヘアライクカーディガンは”ココ”が違う!というポイントを大解剖。

横余白4%目安。スマホの場合、横の余白は、0or4%をベースにする。8.3333%ベースだと、コンテンツが全体的に狭くなり、横幅が長い画像だと物足りなさ感じるため。モヘアカーディガンが流行っている、というのは知っているけど、モヘアって何?!と気になっている方も多いのでは。そんな気になる素材感や、WEGOのモヘアライクカーディガンは”ココ”が違う!というポイントを大解剖。