#1日1サイトレビュー 024 Power Palette

Power Palette / TOPページ

目的

・自社製品の販売

デザインのカテゴリー

・ECサイト付きメディアサイト
・やさしい、同一トーンでまとめられている

コピーライト

・TOPページにポエムがある。
ポエムの解析は難しい、、、。

フォン

日本語はヒラギノ角ゴシックで、数字と英語はWork Sansで分けている。

・Work Sans(Bold)
GoogleとAdobe Fontに登録されている。
https://fonts.google.com/specimen/Work+Sans#about
Work SansはStephenson Blake、Miller & Richard、Bauerschen Giessereiといった初期のGrotesquesをベースにした書体群である。レギュラーウェイトとその中間のウェイトは、中程度のサイズ（14px-48px）での画面上でのテキスト使用に最適化されており、印刷デザインにも使用可能である。極端なウェイトに近いフォントは、ウェブと印刷の両方で表示するために設計されています。全体的に機能は簡略化され、画面解像度に最適化されています。

・ヒラギノ角ゴシック（Medium・Bold）
https://www.screen-hiragino.jp/lineup/hirg/

カラー

下の画像以外にもいろんな色を使っている。

XDのプラグインで抽出した色がこちら

感想・考察

・配色はライトトーンのマルチカラー配色でまとまっている。
ソフトで軽い印象があって、爽やか、清潔なイメージを与えることができる。子供や女性向けのサイトにはもってこい。
・マルチカラー配色なのでまとまっている。

・その他のマルチカラー配色の例

・アニメーションは動画ではなくてsnap.svgというライブラリを使っている。重くなくていい
参考記事：
https://www.codegrid.net/articles/2015-snapsvg-1/

・ECサイトはEC-CUBEを使っている。