デザインメモ

4.19リニューアルについてのデザインメモです。

テキスト・リンク

●TEXT:#333333
●LINK:#0000EE、下線なし（未確定）
●HOVER:#0000EE、下線あり

横幅:750px
●【メインエリア548px】21px【共通エリア・フリーエリア181px】

メインエリア:548px
●2列の場合、【268px】12px【268px】
●3列の場合、【176px】10px【176px】10px【176px】
とする。

見出しのタイトルは「レベル1」、「レベル2」の2パターンを作成。
●「レベル1」は画像扱いで、新ゴR 14px、548×24px。
上とのマージン基本20px(出だしの1個目など場合によっては15px)、下とのマージン10px

●「(レベル1内の)レベル2」はテキスト扱いで、12px、#333333、BOLD。
―――――――――――――――
　ここの縦マージンは20px
―――――――――――――――

●「レベル2(単独)」はテキスト扱いで、12px、#333333、BOLD。
―――――――――――――――
|　　ここの縦マージンは20px　　　 |
―――――――――――――――

ショッピングの第2階層である「大カテ」名から記述。
テキストと表示で12px、#333333を想定。当該ページはBOLD表示。

●特集：100×100px(枠含まない)
●アイテムピックアップ：58×58px（枠含まない）
●～～～に合うおすすめ商品：48×48px(枠含まない)

「ブランド名」と「商品名」をテキストリンク#0000EEにする。

●ブランド名は[○○○○]とし、10px/14px。半角の[]を使用で全て統一。
●商品名は12px/16px
●金額にはリンクを貼らない。金額部分は#333333のテキスト。場合によってはBold。

●特集、中カテへのテキストリンク：BOLDの青リンク、下線なし。
●小カテへのテキストリンク：青リンク、下線なし。
（これに関しては例外ありありなのであまり気にしない）

アイテムカテゴリについては、アイテム別に改行しないで表示。
【例】化粧品 | 乳液 | クリーム |･･･
「|」は#999999に色を落とす。