Component Docs

Heading コンポーネント

すべての見出しに共通する基本スタイル。見出しに一貫性を持たせます。 .heading-base

バリアント

Accent Border

強調ボーダー見出し

.heading-accent-border

強調されたボーダーを持つ見出し（モノクロベース）。

Accent Gradient

グラデーション見出し

.heading-accent-gradient

グラデーション背景の強調見出し（モノクロベース）。

Accent Stripe

ストライプ背景見出し

.heading-accent-stripe

ストライプ背景の強調見出し（モノクロベース）。

Casual Badge

バッジスタイル見出し

.heading-casual-badge

バッジスタイルのカジュアルな見出し（モノクロベース）。

Casual Dotted

ドット下線カジュアル見出し

.heading-casual-dotted

ドット下線付きのカジュアルな見出し（モノクロベース）。

Casual Handwritten

手書き風見出し

.heading-casual-handwritten

手書き風フォントを使用したカジュアルな見出し（モノクロベース）。

Casual Highlight

ハイライト見出し

.heading-casual-highlight

マーカーでハイライトしたような見出し（モノクロベース）。

Casual Wavy

波線下線カジュアル見出し

.heading-casual-wavy

波線下線付きのカジュアルな見出し（モノクロベース）。

Formal Boxed

囲み枠付き見出し

.heading-formal-boxed

四方をボーダーで囲んだビジネス向け見出し（モノクロベース）。

Formal Double

二重下線見出し

.heading-formal-double

二重下線のフォーマルな見出し（モノクロベース）。

Formal Full

フルバックグラウンド見出し

.heading-formal-full

背景色が全体に適用されたフォーマルな見出し（モノクロベース）。

Formal Primary

プライマリフォーマル見出し

.heading-formal-primary

左側に太いボーダーを持つビジネス向け見出し（モノクロベース）。

Formal Underline

下線付きフォーマル見出し

.heading-formal-underline

下線付きのフォーマルな見出し（モノクロベース）。

Japanesque Brush

筆文字風見出し

.heading-japanesque-brush

筆文字風の和風見出し（モノクロベース）。

Japanesque Vertical

縦書き見出し

.heading-japanesque-vertical

縦書きレイアウトの和風見出し（モノクロベース）。

Modern Minimal

ミニマルな見出し

.heading-modern-minimal

余白と細い線のみで構成されたミニマルな見出し（モノクロベース）。

Modern Oversized

オーバーサイズ見出し

.heading-modern-oversized

大きめのフォントが特徴の現代的な見出し（モノクロベース）。

Modern Split

分割デザインの見出し

.heading-modern-split

2色に分かれたモダンな見出し（モノクロベース）。

Technical Bracket

角括弧付き見出し

.heading-technical-bracket

角括弧付きの技術的な見出し（モノクロベース）。

Technical Code

コード風見出し

.heading-technical-code

コード風の技術的な見出し（モノクロベース）。

Technical Comment

コメント風見出し

.heading-technical-comment

コードコメント風の技術的な見出し（モノクロベース）。

Technical Tag

タグ風見出し

.heading-technical-tag

HTMLタグ風の技術的な見出し（モノクロベース）。

使用例