淡いグラデーションと淡いピンク。華奢さがお洒落かわいいの極み。コスメのwebデザイン

OPERA（オペラ） | コスメティック[公式]

https://www.opera-net.jp/

COPY

透ける花色の唇

SITEMAP

TOP

• concept
• item
• magazine
• award
• shoplist
• onlinestore

FONT

ヒラギノ明朝、ヒラギノ角ゴ

HCo Gotham

本文：15~12px;(とても小さい)

CONTENTS WIDTH 

PC 

|——(136px) —— (1094px) ——(136px) ——|

padding 10vw;

SP

|——(31px) —— (313px) ——(31px) ——|

|——(62px) —— (313px) ——(62px) ——|

padding:  8.33333vw;

padding:  16.6vw;

COLOR

文章：#000

淡いピンク（濃さの違うピンクを複数使用）

MEMOk

かわいさの秘密は？

• 可読性を犠牲にしたフォントの小ささ。（#000にすることで小さくてもはっきりする。強弱は透明度でつける。）
• 明朝体の部分づかいで華奢で美しい演出に。
• グラデーションの使用。優しくふんわりした印象に。ベタ塗りの背景も、サイト全体でグラデーションにすることでまとめつつも色数が増え華やかに。
• 写真のレタッチ。複数の写真を重ねてお洒落に。手書きのスクリプト文字を乗せる。