TOP / LANDING PAGE / 訓練校 制作物 cafe azit

作品紹介

訓練校 制作物|cafe azit

訓練校 制作物 cafe azitのモックアップ

タップをするとサイトへ飛びます。

概要

OVERVIEW

CONCEPT
スロウでメロウな⼤⼈の空間つくり
COPY
テキストテキスト
TARGET
10歳以上の方。
静かな場所が好きな方。
写真とカフェが好きな方。
OBJECTIVE
テキストテキスト
REQUEST
テキストテキスト
DATE
2024年9月25日
PERIOD
2人日
RESPONSE
PC
PAGES
1ページ
SKILL
Figma
FIELD
コーポレートWebデザイン実習

カラー

COLLARS

MAIN

#5B5555

「メロウ」というコンセプト、海辺のカフェという世界観を踏まえ、はっきりした色を避け、真っ黒から離れたチャコールグレーを使用。

ACCENT

#505096

“海辺のカフェ”という世界観を印象づけるため、また青は全年齢を通して受け入れられやすい色であることから、背景に埋もれず視認性を保てる海に近いトーンの色として使用。

BASE

#F1F2F3

じっくり閲覧してもらうタイプのサイトだと感じたため、目が疲れやすい真っ白は避け、やわらかい印象のオフホワイト寄りの白を使用。

文字

FONTS

DIN 2014

poppins

シンプルで均一感のあるデザインが游ゴシックと相性が良く、周辺と調和するため使用。

JAPANESE

Yu Gothic

清潔感がありながら堅すぎない雰囲気が、「スロウでメロウ」なカフェの世界観に合うため使用。

共通CSS

COMMON CSS

LINE HEIGHT

2

内容量が多いサイトの離脱を防ぐため。

LETTER SPACING

0.06em

一行で読む情報量を増やすため。

MAX
CONTENTS WIDTH

PC:1920px(100%)

テキストテキストテキスト

訓練校 制作物 cafe azitのデザイン

BACK TO LIST

CONTACT

お気軽にお問い合わせください。

MAIL