タカシマヤ友の会 デザインガイドライン
タカシマヤ友の会
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」 ※枠の色はこれ
ポイント画像
●矢印(頻度高):矢印色「f33c9c」、底辺「7px」、高さ「4px」
領域
●トップページ
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
タイトル画像
日付
日付は「2009年5月1日(金)」という表記にする。
※但し、紙媒体のテキスト流用で、「平成」表記の場合はそれに従うこと。