![見出し画像](https://assets.st-note.com/production/uploads/images/106283503/rectangle_large_type_2_d1231f44efc4945aecbfbb54bf1f8320.png?width=1200)
#レビュー#webデザイン勉強中
MELTY MAGIC
https://www.utopiaagriculture.com/products/meltymagic/
TOP
![](https://assets.st-note.com/img/1684817297639-iat0TC4aVB.png?width=1200)
#7FB8AC (グリーン)#D7787A(ピンク)#2787D5(ブルー)#EEE0C1(クリーム)を主に使用している
![](https://assets.st-note.com/img/1684820294228-rXiTRCU59V.png)
写真の下にある商品名が基本の4色を使ってグラデーションになっている
文字はあえて黒を使用せず、可愛いイメージにするために茶?
![](https://assets.st-note.com/img/1684820566362-DLJONnGZ1D.png?width=1200)
文字が写真にかかる配置でスタイリッシュにも見える
![](https://assets.st-note.com/img/1684820702811-fEdrucLX1N.png?width=1200)
文字数がバラバラだけども四角の高さは同じ
ハンバーガーメニュー中身
![](https://assets.st-note.com/img/1684820832413-kZkbzIrZMa.png?width=1200)
フッター
![](https://assets.st-note.com/img/1684820957365-3Iy8tl6MMw.png?width=1200)
この記事が気に入ったらサポートをしてみませんか?