見出し画像

【1日1サイトレビュー】#57 和になる高取

■和になる高取 https://waninaru-takatori.com/

奈良県高取町を特集した「和になる高取」のサイト。

・ページトップのみ右側にサイドバーを置いた2カラム、スクロールしていくとナビゲーションが右手のmenuリンクになり1カラムの構成になるサイト。ファーストビューをはじめ町内の写真が沢山使用されているサイト。

・ナビゲーションはメインロゴの下にリンクが縦書きになっている。薄いグレーで英字表記も。サイトのコンセプトを表現したテキストは写真に被るように横書きに配置されている。黒ではなく茶色で文字色が統一されていてサイトの雰囲気やロゴにも調和している。

・スクロールの途中でナビゲーションを開くと背景の透明度が上がって重なった部分が透けて見える。他にもmenu→closeの文字の回転など細かい部分の工夫が分かる。

・記事ページを含めて写真や図を大きく見せている。全体的に少し青みがあり明るい。個人的に早朝っぽい雰囲気を感じる。記事ページの写真は角丸で切り抜かれていてあたたかさや柔らかさを感じる。フッターでも高さを十分に取って写真を大きく使っている。

・フォント: sans-serif、PT Serif、FOT-筑紫Aオールド明朝 Pr6 B
・カラー:文字茶#3F2806、文字赤#E1361F、見出しグレー#EDEDED、背景白#FFFFFF、背景ベージュ#F4F0E6、地図緑#D2DDCE、写真背景水色#CDEAF6

いただいたサポートは自己学習のために活用させていただきます!