デザイントークン
Science Tokyoブランドを表現するための視覚的な特徴や雰囲気をWebサイトに反映するためにデザイントークンを定義しています。
色／Color
サイトで使用する色に関する定義です。
アイコン／Icon
サイトで使用するアイコンに関する定義です。
タイポグラフィ／Typography
サイトで使用する文字に関する定義です。
余白・スペース／Spacing
サイトにおける要素間のスペース、内包する要素とのスペースの大きさの定義です。
サイズ／Size
サイトにおける要素の基本的なサイズの定義です。
角丸／Corner radius
矩形要素に対して、角に丸みを与え、他の要素から独立した視覚的効果を与えるための処理です。
エレベーション／Elevation
ある要素の上に別な要素が重なっていることを視覚的に伝えるための処理です。
ブレイクポイント／Break point
ウィンドウのサイズによってスタイルを変更するためのブレイクポイントを設定しています。
レイアウトグリッド／Layout grid
ページレイアウトの基本的なグリッドです。
