タカシマヤ友の会 デザインガイドライン

タカシマヤ友の会
http://www.rosecircle.net

※友の会は2009年5月1日にリニューアルする予定です。

テキスト カラースキーム

●text：#333333【下線なし】 ※テキストの色はこれ
●link：#0066cc【下線あり】 ※テキストの色はこれ
●alink：#ff0000【下線なし】 ※テキストの色はこれ
●vlink：#8855bb【下線あり】 ※テキストの色はこれ

●注意、注釈、強調：#ff0000 ※テキストの色はこれ
●強調：#d23f94 ※テキストの色はこれ

テキスト サイズ

テキストは「相対指定」ですが、デザイン上の基準値として以下を使用します。

【大きさ/行間】
●レベル1（強調）：14px/22px
●レベル2（標準）：12px/18px、たまに12px/16px
●レベル3（弱い）：10px/14px、たまに10px/16px

用語の統一

特に注意したいのは、以下の用語です。
●お引き落とし、お引き落し、お引落→お引落し
●尚→ なお
●又→また
●戴く、頂く→いただく
●お取扱い→お取り扱い
●お買い上げ→お買上げ
●お買い得→お買得
●お買い物→お買物
●お申込み→お申し込み
●差し上げます→さしあげます
●取扱い→取り扱い
●取揃え→取り揃え（上記「取り扱い」に準ずる）

枠

枠の色は3種類。1pxのラインです。

●グレー：枠色「c2c2c2」 ※枠の色はこれ
●緑：枠色「a8b99c」 ※枠の色はこれ
●ピンク：枠色「f3c5de」、背景「fdf2f8」 ※枠の色はこれ

http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/6/6c/%E5%8F%8B%E3%81%AE%E4%BC%9A_%E6%9E%A0%E3%81%AE%E8%89%B2.gif

ポイント画像

●矢印（頻度高）：矢印色「f33c9c」、テキストとのマージン4px

http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/f/ff/%E5%8F%8B%E3%81%AE%E4%BC%9A_%E7%9F%A2%E5%8D%B0%E4%BB%98%E3%81%8D%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%83%AA%E3%83%B3%E3%82%AF%E5%91%A8%E3%82%8A%E3%83%9E%E3%83%BC%E3%82%B8%E3%83%B3.gif

領域

●トップページ

http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/0/07/%E5%8F%8B%E3%81%AE%E4%BC%9A_%E3%83%88%E3%83%83%E3%83%97%E6%A8%AA%E5%B9%85.gif


●第2階層

http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/4/46/%E5%8F%8B%E3%81%AE%E4%BC%9A_%E7%AC%AC%E4%BA%8C%E9%9A%8E%E5%B1%A4%E6%A8%AA%E5%B9%85.gif

縦のマージン

●H1のタイトル画像←→メインエリア：「11px」 ※シャドー抜かすと「15px」
●H2のタイトル画像←→本文：「8px」 ※シャドー抜かすと「12px」

http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/2/2e/%E5%8F%8B%E3%81%AE%E4%BC%9A_H1%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB%E5%91%A8%E3%82%8A%E3%83%9E%E3%83%BC%E3%82%B8%E3%83%B3.gif


●本文ラスト←→アンカー：「20px」
●アンカー←→フッターのライン：「20px」
http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/3/39/%E5%8F%8B%E3%81%AE%E4%BC%9A_%E3%83%95%E3%83%83%E3%82%BF%E5%91%A8%E3%82%8A%E3%83%9E%E3%83%BC%E3%82%B8%E3%83%B3.gif


●パン屑
http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/1/1f/%E5%8F%8B%E3%81%AE%E4%BC%9A_%E3%83%91%E3%83%B3%E3%81%8F%E3%81%9A.gif

タイトル画像

http://192.168.200.60:16080/kds_tko/CMS/mediawiki/images/f/f0/%E5%8F%8B%E3%81%AE%E4%BC%9A_%E3%82%BF%E3%82%A4%E3%83%88%E3%83%AB.gif

日付

日付は「2009年5月1日(金)」という表記にする。

※但し、紙媒体のテキスト流用で、「平成」表記の場合はそれに従うこと。