デザイン上達のため行うwebトレース_08
参考サイト
ベンザブロック https://benza.jp/
トレース結果
要素に関するメモ
幅:1280px
各コンテンツ間隔:12px
書体:小塚ゴシックのBOLD
カラー:メインカラーは3つの製品カラー ベースにグレートーン 文字色は#333333 商品ロゴに黒 新商品ラベルに赤
メインイメージ:商品写真と俳優写真(全体のグレートーンに合わせた色彩) 背景に円形グラデーション
ボタン:右上のみborder radius12pxのboxボタン。グレーのアンダーライン付き タブ風 点線と5角形の矢印
アイコン:グレーで統一(svgデータ)アンダーバー付
写真:商品と俳優とCMスクショ
グローバルメニュー:高さ低めのハンバーガーメニュー 展開すると全面サイズ。追随は上スクロールのみ 購入ボタン
以下要素まとめメモ
考察メモ
後日予定
この記事が気に入ったらサポートをしてみませんか?