ウェブフロー・スタイルガイド

Coin Xは、最新の暗号企業のために設計された私たちの一流の暗号Webフローテンプレートです。BRIX Agencyの専門家チームによってデザイン・開発されました。

カラー

原色

プライマリー1
#3347FF

ニュートラル・カラー

ニュートラル800
#14142B
ニュートラル700
#4E4B66
ニュートラル 600
#6E7191
ニュートラル500
#A0A3BD
ニュートラル400
#DCDDEB
ニュートラル300
#EFF0F6
ニュートラル 200
#F7F7FC
ニュートラル100
#FFFFFFFF

タイポグラフィ

特別テキスト

表示1 テキスト

表示1 - 80px/1.025em

表示2 テキスト

表示2 - 60px/1.200em
テキスト 400 レギュラー - ローレムイプサム
テキスト 400 中文 - ローレムイプサム
テキスト 400 ボールド - ローレムイプサム
テキスト 400 - 24px/1.083em
テキスト 300 Regular - ローレムイプサム
テキスト 300 中文 - ローレムイプサム
テキスト 300 ボールド - ローレムイプサム
テキスト 300 - 20px/1.100em
テキスト 200 Regular - ローレムイプサム
テキスト 200 中文 - ローレムイプサム
テキスト 200 ボールド - ローレムイプサム
テキスト 200 - 18px/1.111em
テキスト100 レギュラー - ローレムイプサム
テキスト 100 中文 - ローレムイプサム
テキスト 100 ボールド - ローレムイプサム
テキスト 100 - 16px/1.125em

リッチテキスト

見出しH1 - Aa Bb Cc Dd

見出し1 - 60px/1.167em

見出しH2 - Aa Bb Cc Dd

見出し2 - 40px/1.250em

見出しH3 - Aa Bb Cc Dd

見出し3 - 24px/1.417em

見出しH4 - Aa Bb Cc Dd

見出し4 - 22px/1.273em
見出しH5 - Aa Bb Cc Dd
見出し5 - 18px/1.333em
見出しH6 - Aa Bb Cc Dd
見出し6 - 18px/1.222em

この記事では、そのような "曖昧さ "と "傲慢さ "について説明します。このような3つの要素から構成されています。Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.このような些細なことであっても、私はこのようなことを考える。

段落小 - 14px/1.714em

この記事では、そのような "曖昧さ "と "傲慢さ "について説明します。このような3つの要素から構成されています。Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.Nunc ut sem vitae risus tristique posuere.

段落のデフォルト - 18px/1.667em

この記事では、そのような "曖昧さ "と "傲慢さ "について説明します。このような3つの要素から構成されています。Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.Nunc ut sem vitae risus tristique posuere.

段落大 - 24px/1.583em

太字 - Lorem ipsum dolor sit amet

太字

イタリック体 - Lorem ipsum dolor sit amet

イタリック体
“Nisi quis eleifend quam adipiscing vitae aliquet bibendum enim facilisis gravida neque velit euismod in pellentesque massa placerat”
ブロック引用
  • この記事は、「日本サッカー協会が、日本代表の選手と日本代表の選手との間に、どのような関係があるのかを明らかにする」ことを目的としています。
  • 詳細は後述。
  • Lorem ipsum dolor sit amet, consectetur adipiscing.
弾丸リスト
  1. この記事は、「日本サッカー協会が、日本代表の選手と日本代表の選手との間に、どのような関係があるのかを明らかにする」ことを目的としています。
  2. 詳細は後述。
  3. Lorem ipsum dolor sit amet, consectetur adipiscing.
番号リスト
この試合では、このような試合展開となった。
図と図のキャプション

アイコン

ボタン

小さい
ボタン プライマリー - スモール
デフォルト
プライマリボタン - デフォルト
大型
プライマリー・ボタン(大
小さい
セカンダリーボタン(小
デフォルト
セカンダリーボタン - デフォルト
大型
セカンダリーボタン(大

カード

カードのデフォルト

Lorem ipsum dolor sit amet, consectetur adipiscing elit Rutrum faucibus condimentum sem urna tellus tincidunt col dolor vitae ante et lacus elit et at elementum feugiat.