PanasonicのコーポレートサイトのデザインやCSSの記述などを分析した結果を掲載中。有名大手一流企業のWEBサイトはどのように作られているか知りたい時や、企業のホームページ制作で困ったときにチェック!
description
パナソニック株式会社のウェブサイトです。 パナソニックの企業情報や商品情報、サポート情報、採用情報、環境活動などについてご紹介します。
タイトル・テキスト設定
See the Pen Panasonic by keisuke414 (@keisuke414) on CodePen.
font-family
Open Sans”, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “メイリオ”, Meiryo, sans-serif
H1タグのフォント設定
36px相当
#1F1F1F
H2タグのフォント設定
28px相当
#666666
H3タグのフォント設定
24px
#666666
H4タグのフォント設定
Pタグのフォント設定
17px相当
#1F1F1F
「px相当」はrem,em,%などの設定をしているものを、pxに換算した場合の数値です。
感想
通常のテキストのフォントサイズが17pxというのは珍しいですね。
使用技術
CMS
Adobe Experience Manager
アナリティクス
Google Analytics
ビデオプレーヤー
YouTube
Webサーバー
Apache
プログラミング言語
Java
タグマネージャー
Google Tag Manager
JavaScriptライブラリ
jQuery UI 1.12.1
Modernizr 2.8.2
jQuery 3.4.1
UI Frameworks
ドメイン情報
不明
サーバー情報
使用サーバー
Akamai International, BV