- 配色のお手本にしたホームページ
- サイト構成のお手本にしたホームページ
配色のお手本にしたホームページ
横浜市の公式ウェブサイト
横浜市
横浜市の公式ウェブサイトです。くらしに関わる各種手続きの案内や、イベント、ビジネス、市政の情報を掲載しています。
www.city.yokohama.lg.jp
横浜らしい青を基調とした落ち着いた色合い。ユニバーサルフォントが使われています。
font-family: "BIZ UDGothic", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;- color: #003377 #003379 #007500 #131313 #222 #333 #990000
- background: #003379 #1b1464 #222 #666 #6a6d7b #B43308 #B93A32 #ccc #d2d2d2 #eee #f5f5f5
- border: #999 #e7e7e7
- outline: #0bf
JR東日本：東日本旅客鉄道株式会社
駅の情報（根岸駅）：JR東日本
JR東日本の駅の情報をご案内しています。みどりの窓口、駅たびコンシェルジュ、指定席券売機の営業時間、多機能券売機の設置場所、駅のお店などのほか、開業年月日、所属路線、接続交通機関、時刻表、構内図、周辺地図、バリアフリー情報を調べることができ...
www.jreast.co.jp
濃灰と緑だけで構成されたシンプルなデザイン。フォントファミリーの指定もベーシック。
さまざまな路線のラインカラーでごちゃつくかと思いきや、ホームページ上ではCSSを使ったラインカラーの表現はしておらず、スッキリ。
font-family: "メイリオ",'Meiryo',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", sans-serif;- color: #0080bf #008803 #1a70b2 #333 #44a3ec #666 #999 #a6a6a6 #b42700 #eb0000
- background: #008803 #1a70b2 #333 #444 #666 #999 #e0f4ff #e2f3e2 #e95d10 #eee #f0f5f0 #f1f9f1 #f2f9f2 #f5f5f5 #f8f8f8 #ff4848 #ffe8e8 #fff5d8 #ff9
- border: #97c698 #d8d8d8 #d9d9d9 #ddd #ccc
- box-shadow: #bbb
コメント