Panasonic

PanasonicのコーポレートサイトのデザインやCSSの記述などを分析した結果を掲載中。有名大手一流企業のWEBサイトはどのように作られているか知りたい時や、企業のホームページ制作で困ったときにチェック!

パナソニック株式会社のウェブサイトです。 パナソニックの企業情報や商品情報、サポート情報、採用情報、環境活動などについてご紹介します。

タイトル・テキスト設定

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です