【125naroom】ロゴとナビを、新しくしました

あれ、ロゴの o が、まるになってる？

ロゴとナビを新しくしました。テーマは「まるとせん」です

125naroom のロゴと、ヘッダー・メニュー・フッターのナビを新しくしました。
見た目は大きく変えず、すこしだけ遊び心を足しています。

テーマは「まるとせん」です。

ロゴの o を、まるにしました

「125naroom」の2つの o を、黄色い塗りのまると、線のまるにしました。
文字は Jost で組みなおしています。

黄色い面の上ではまるが溶けて見えなくなるので、そこだけ塗りのまるを墨色にしたロゴを使っています。
フッターでは縦組みのロゴにしました。

ヘッダーは、白と1本の線

before

after

ヘッダーは本文と同じ白にして、下に細い線を1本だけ引きました。
いま見ているページのメニューの下には、小さな黄色いまるが出ます。

ドロップダウンは、閉じにくく

「デザインのメモ」と「works」にマウスをのせると、中の項目が開きます。
メニューとの間にすこし余白をあけつつ、マウスを下ろしている途中で閉じてしまわないようにしました。

メニューとフッターは、別々に

これまでは、メニューとフッターが同じような見た目でした。
今回はそれぞれ役割にあわせて分けています。

• メニュー：黄色い面とロゴで、開いたことが分かるように
• フッター：縦組みのロゴと、READ / WORKS / ABOUT の3つのまとまり

SNS のアイコンはなくして、文字のリンクにしました。

スマートフォンでも

スマートフォンのメニューの検索欄は、文字を 16px にしています。
iPhone で入力欄をタップしたときに、画面が勝手に拡大されないようにするためです。

そのままにしたこと

ページのいちばん下にある「page top」のボタンは、そのままです。
なめらかに上まで戻ります。

さいごに

あわせて、favicon や OGP の画像なども新しいロゴにそろえました。
すこしずつ、まるとせんが増えています。

ページの上の黄色いまる、つい探しちゃいますね

すこしずつ、まるとせんが増えていきますよー