スタイルガイド

これは、Webflow Webサイトの構築に役立つ一連のガイドラインと戦略です。

タイポグラフィ

ハスラーのスタイルガイドは、単一のフォントを使用してスマートでモダンなデザインを採用しています。このフォントは、プロフェッショナルで洗練された美的感覚を実現するために慎重に選択されており、ウェブサイト全体で一貫したまとまりのある外観を醸し出しています。

サトシ

主なフォントはSatoshiです。ウェブフォントは下のリンクからダウンロードできます。パフォーマンスを向上させるには WOFF 形式と WOFF2 形式を使用してください。

[ダウンロード]
[ダウンロード]

見出しスタイル

見出し 1

サンプルテキスト

見出し 2

サンプルテキスト

見出し 3

サンプルテキスト

見出し 4

サンプルテキスト

見出し 5
サンプルテキスト
見出し 6
サンプルテキスト

テキストクラス

テキストサイズ大
サンプルテキスト
テキストサイズ:中
サンプルテキスト
テキストサイズ:標準
サンプルテキスト
テキストサイズ:小
サンプルテキスト
テキストサイズが小さい
サンプルテキスト

テキストウェイト

テキストウェイトライト
サンプルテキスト
テキストウェイトレギュラー
サンプルテキスト
テキストウエイトミディアム
サンプルテキスト
テキストの太さ (太字)
サンプルテキスト

カラーパレット

ブラック
ホワイト
オレンジ
ダークグレー
グレー

リッチテキスト

リッチテキスト

見出し 1

リッチテキスト要素を使用すると、見出し、段落、ブロッククォート、画像、ビデオを個別に追加してフォーマットする必要がなく、すべて1か所で作成およびフォーマットできます。ダブルクリックするだけで簡単にコンテンツを作成できます。

見出し 2

  • ロレム・イプサム・ドロール・サイト・アメット、コネクター
  • ロレム・イプサムドロール・シット・アメット、コネクター・アディピッシング・エリート、中古ドット
  • ロレム・イプサム・ドロール・サイト・アメット、コネクター・エイド

見出し 3

  1. ロレム・イプサム・ドロール・サイト・アメット、コネクター
  2. ロレム・イプサムドロール・シット・アメット、コネクター・アディピッシング・エリート、中古ドット
  3. ロレム・イプサム・ドロール・サイト・アメット、コネクター・エイド

見出し 4

Project Image
キャプション
見出し 5
リッチテキスト要素を使用すると、見出し、段落、ブロッククォート、画像、ビデオを個別に追加してフォーマットする必要がなく、すべて1か所で作成およびフォーマットできます。ダブルクリックするだけで簡単にコンテンツを作成できます。
見出し 6

リッチテキスト要素を使用すると、見出し、段落、ブロッククォート、画像、ビデオを個別に追加してフォーマットする必要がなく、すべて1か所で作成およびフォーマットできます。ダブルクリックするだけで簡単にコンテンツを作成できます。