No.026 株式会社MIRACLE 株式会社MIRACLEのWebサイト MIRACLE デザインのプロデュース、コンサルティング等を手掛ける株式会社MIRACLEのWebサイト。 選んだポイント トレンドであるモノトーンのサイトを探した。 ファーストビューの印象 モノトーンに線と文字だけを配置した、ミニマルなデザイン。 ２重線で構成されたタイポが存在感を放つ。 レイアウト フルスクリーン レスポンシブ対応 あり/なし ブレイクポイント：600px,640px,782px,800px,950px,1000px,1220px,1400px,1500px,1670px,1800px,2000px フォント 本文：activ grotesk condensed メニュー PC：ナビゲーションバー SP：ハンバーガーメニュー カラー ベースカラー：#FFFFFF ホワイト メインカラー：#000000 ブラック アクセントカラー： 感想、参考になった部分 非常にミニマルかつ独創的。円が手をつなぐように配置されており、デザインが作られていく流れを、短く区切られた言葉で表現している。句読点の打ち方や円のつなぎ方におそらく規則性は無く、独特である。 特に驚いたのが、ページの大部分が1枚のSVGから成っていること。ナビゲーションやアイコン以外は空白である。 2層のラインで表現された水面がページ最下部から時間経過とともに上昇し、最終的にページ上部で停滞する。スクロールの勢いで波の立ち方が変わってくる面白い仕掛けがある。真っ白なページに透明感のある水色が美しく映える。 ブレークポイントが2000まで細かく指定されている。1000を超えてここまで細かく設定されているサイトは初めて見た。 No.026株式会社MIRACLE|Webサイト100選 投稿ナビゲーション No.025 チーズころん by BAKE CHEESENo.027イヤイヤ研 イヤイヤ期にウフフとアハハを コメントを残す コメントをキャンセルメールアドレスが公開されることはありません。 ※ が付いている欄は必須項目ですコメント ※ 名前 ※ メール ※ サイト 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。