見出し画像

TANGO CREATION PLATFORM #1日1サイトレビュー

【概要】
・丹後ちりめんを通じたプロジェクトの紹介ページ
【印象】
・海外向けにも作られているサイト
・変に日本らしさを出さずにクールでかっこいい印象
・タイポグラフィーで伝えているイメージ
【メインビジュアル】
・右側に1/3余白がある
・メインには写真が使用されている
・余白に跨がるように文字が乗っかっている
・写真に重なる部分は文字色を変えている(CSSで再現)
【コンテンツ】
・aboutの部分は日本の素材のような背景を使用している
・和文の後に英文を必ず表示している
・タイトル前に/をつけている
・ステップの数字は文字の背景として使用
・記録を紹介する部分は本文を途中まで表示することで読みたくなるような感じがでている
・本文の部分は引用のようなラインが左側についている
・artistsの部分は背景に写真を使うことですごく目立つ
・スクロールしたときに注目してしまう
【カラー】
・ほぼモノクロで作られている
・写真が多いので写真自体がアクセントとなっている
【フォント】
・日本文は游ゴシックが使われている。英文はPoppins
・この2つのフォントは相性が良さそう
・見出しはセリフ体のPlayfair Displayのイタリック
・見出し部分は1文字ずつspanで囲われて、左右に5pxのマージンあり
【レスポンシブ】
・写真との重なりで文字色が変わる部分はレスポンシブでも対応
・SPの場合、ステップの部分は横スクロール

画像1


デザインの勉強をするために活用させていただきます。