記事一覧
参考サイト考察 ー株式会社メルペイー
【テーマ】
・モダンでシンプルなデザイン
・余裕のある余白設定
・無彩色のカラーレイアウト
・直線の構成
【事業内容】
メルカリの運営する決済サービス
【Responsive】
対応(ブレイクポイント:768px)
【color】
ベースカラー(background):#fffeff
キーカラー(薄い水色):#e3edf9
キーカラー (少し青みがかった薄いグレー):#d2dce5
参考サイト考察 ー長野県建設技術センターー
【テーマ】・モダンなデザイン
・大胆な余白
・2カラー(青、緑)
・直線のみで構成されている。
【事業内容】長野県建設技術センターは、長野県内の地方公共団体が施行する建設事業等の社会資本整備に係わる技術支援事業を行い、もって地域の振興発展及び公共の福祉の向上に寄与することを目的とした団体です。
①技術研修等の取り組みの告知
②入札情報の開示
③材料試験等の申込の受付
④求人
の4
参考サイト考察 ーFORCASー
【テーマ】
・モダンなデザイン
・大胆な余白
・ワントーンカラー
【事業内容】
成約確度の高い企業をデータ分析に基づいて特定し、マーケティングと営業のリソースをターゲット企業に向けて集中する最新マーケティング手法「ABM(アカウント・ベースド・マーケティング)」の実践を強力にサポートするクラウドサービス。
【Responsive】
対応(ブレイクポイント:920px)
【color
参考サイト考察 ーソフトバンクグループ株式会社ー
【Responsive】
対応(ブレイクポイント:768px/1279px)
【color】
ベースカラー(background):#fff
サブカラー :#959899
サブカラー :#9c9d9d
【font-family】
FrutigerNeueLTW1G
【font-size】
(見出し)22px~24px(本文)14px
【工夫と目的】
①主なユーザーは顧客、株主
参考サイト考察 ーdancyuー
【Responsive】
対応(ブレイクポイント:813px)
【color】
ベースカラー(background):#fff
サブカラー :#f1ebd7
サブカラー :#262626
アクセントカラー:#cb0a01
【font-family】
游ゴシック
【font-size】
(見出し)32px(本文)15px
(見出し)26px(本文)15px
(見出し)22px
参考サイト考察 ー株式会社トンボ鉛筆ー
【Responsive】
対応(ブレイクポイント:768px)
【color】
ベースカラー(background):#fff
サブカラー (background):f5f7f9
アクセントカラー(ロゴ):#b80131
【font-family】
Yakuhan JP
【font-size】
各セクション見出し:(英語)30px (日本語)12px
本文:14px
その他リ
参考サイト考察 -SETOUCHI-ARCHI-TOURISM-
【Responsive】
対応(ブレイクポイント:820px)
【color】
background:fcfbfa
アクセントカラー:B38112
【font-family】
英語:aktiv-grotesk-condensed
日本語:游ゴシック
【font-size】
ヘッダーメニュー:16px
各セクション見出し:(英語)20px (日本語)16px
本文:14px
参考サイト考察 -BAKE CHEESE TART-
【responsive】
対応(ブレイクポイント:768px)
【color】
テーマカラー:#FFD700
【font-family】
futura-pt、my-Yugothic、noto-sans
【ポイント】
・少し過剰なまでのコントラストを付けた写真素材と黄色、黒、白のコントラストがマッチしておりスイーツのサイトでありながら非常にシャープな印象を与えている。
・訪問時に透過
参考サイト考察 -MoMA Design Store
レスポンシブ:非対応
【font-family】MoMA sans regular
【font-size】
(header-menu):16px
(h2):24px
(p):13px
【余白】
左右:60px
上下方向:40px
【感想】
・全体的に非常にシンプルな構成でありながら余白の使い方が上手く商品が美しく見せられている。
・フォントはオリジナルフォントの角ゴシック体