0. Heading 2
Neuromorphism Single Page Document Sample (Re)
ニューモーフィズムの単ページドキュメントサンプル・改
paragraph
section
Heading 3: div section
- これは1つ目のリスト項目です。
- これは2つ目のリスト項目です。2行以上になるとこんな感じです。長めのテキストで確認します。お昼ごはんはカレーがおすすめ。
- これは3つ目のリスト項目です。
- This is the first nested list item
- これもネストされたリストの一つで、インデントするとこんな感じです。長めのテキストで確認します。
- This is the fourth list item.
- This is the fifth list item. リストマーカーは日本語に合わせました。
リンク：ha5hi8.space
リンク (別タブ)：neumorphism.io
Heading 3: div section-accent
- これは1つ目のリスト項目です。
- これは2つ目のリスト項目です。アクセントカラーのセクション内の要素はリストマーカーも含めて全て白色にしました。
- これは3つ目のリスト項目です。
- This is the first nested list item
- ネストされたリスト項目です。このセクション内のリンクも白色にした代わりにアンダーラインしました。
- This is the fourth list item.
- This is the fifth list item. neumorphism.ioは便利なサイトです。
リンク：ha5hi8.space
リンク (別タブ)：neumorphism.io
Heading 3
一行だとピル型
並べる
並べる
1. 日本語の見出しレベル 2
見出しレベル 3
section-accent グラデーションです
単色背景だと微妙ですが若干のグラデーションがあるといい感じですね
見出し 3
ニューモーフィズムのセクション。
この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れているよ。この文章はダミーです。
2. 見出し 2
paragraph block テキストだけ
Heading 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
これなに
- 単ページドキュメントのサンプル（せっかく作ったので）
- 前のやつが色微妙だったのでアップデート
- 背景色
- アクセントカラー（若干）
- アクセントセクション
- セクションの角丸半径 など
- リストのスタイルも変更2025-02-01
- メディアクエリがヘッダーにだけつけてあります。スマホ表示でやや小さくなる。
- 見出しの日本語フォントがなんか思ってる感じにならない あれ…