「デザインメモ」の版間の差分
編集の要約なし |
編集の要約なし |
||
| 4行目: | 4行目: | ||
==テキスト・リンク== | ==テキスト・リンク== | ||
●TEXT:333333<br> | ●TEXT:#333333<br> | ||
●LINK: | ●LINK:#0000EE、下線なし(未確定)<br> | ||
●HOVER: | ●HOVER:#0000EE、下線あり<br> | ||
---- | ---- | ||
| 22行目: | 22行目: | ||
見出しのタイトルは「レベル1」、「レベル2」の2パターンを作成。<br> | 見出しのタイトルは「レベル1」、「レベル2」の2パターンを作成。<br> | ||
●「レベル1」は画像扱いで、新ゴR 14px、548×24px。<br> | ●「レベル1」は画像扱いで、新ゴR 14px、548×24px。<br> | ||
上とのマージン基本20px(出だしの1個目など場合によっては15px)、下とのマージン10px | |||
●「(レベル1内の)レベル2」はテキスト扱いで、12px、#333333、BOLD。<br> | ●「(レベル1内の)レベル2」はテキスト扱いで、12px、#333333、BOLD。<br> | ||
―――――――――――――――<br> | ―――――――――――――――<br> | ||
ここの縦マージンは20px<br> | |||
――――――――――――――― | ――――――――――――――― | ||
●「レベル2(単独)」はテキスト扱いで、12px、#333333、BOLD。<br> | ●「レベル2(単独)」はテキスト扱いで、12px、#333333、BOLD。<br> | ||
―――――――――――――――<br> | ―――――――――――――――<br> | ||
| | | ここの縦マージンは20px |<br> | ||
――――――――――――――― | ――――――――――――――― | ||
| 40行目: | 41行目: | ||
---- | ---- | ||
==商品画像・イメージサイズ== | ==商品画像・イメージサイズ== | ||
●特集:100×100px(枠含まない)<br> | |||
●アイテムピックアップ:58×58px(枠含まない)<br> | ●アイテムピックアップ:58×58px(枠含まない)<br> | ||
●~~~に合うおすすめ商品:48×48px(枠含まない) | ●~~~に合うおすすめ商品:48×48px(枠含まない) | ||
| 46行目: | 47行目: | ||
---- | ---- | ||
==商品スペック記述== | ==商品スペック記述== | ||
「ブランド名」と「商品名」をテキストリンク#0000EEにする。 | |||
●ブランド名は[○○○○] | |||
●金額にはリンクを貼らない。金額部分は# | ●ブランド名は[○○○○]とし、10px/14px。半角の[]を使用で全て統一。<br> | ||
●商品名は12px/16px<br> | |||
●金額にはリンクを貼らない。金額部分は#333333のテキスト。場合によってはBold。 | |||
---- | ---- | ||
==テキストリンクルール== | ==テキストリンクルール== | ||
●特集、中カテへのテキストリンク:BOLDの青リンク、下線なし。<br> | ●特集、中カテへのテキストリンク:BOLDの青リンク、下線なし。<br> | ||
●小カテへのテキストリンク:青リンク、下線なし。 | ●小カテへのテキストリンク:青リンク、下線なし。<br> | ||
(これに関しては例外ありありなのであまり気にしない) | |||
---- | ---- | ||
2007年3月28日 (水) 19:35時点における版
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に色を落とす。