BMテンプレート
test damy h1(sorce h2)
テスト用偽装H1(ソースH2)

H1 test
(基本コンテンツエリアではH1使用していないため設定なし)
H2 test
H3 test
H4 test
H5 test
H6 test
p test
Table Template
縦型
| th test |
|---|
| td test |
横型
| test th | test td |
|---|
重層型
| test td | test th | test th | test th |
|---|---|---|---|
| test td | test td | test td | test td |
| test td | test td | test td | test td |
Flex & item Template
test1
test2
test3+b
text center
Test button link abcdefghijklmnopqrstuvwxyz
P&枠線エリアアイテム
Common Color Template
Oyalox color
●OYALOX BLUE
■#003a83
●OYALOX RED
■#e60012
●OYALOX SKY BLUE
■#00a0e9
Pyu-chan Color Template

●Pyu-chan Cap
■#65c1c8
●Pyu-chan Hand
■#66ffcc
●Pyu-chan Reg
■#6699ff
●Pyu-chan Mouse
■#f96566
●Pyu-chan Skin
■#fffeee
※美肌でY10%を基準に、稀に5%の場合もあります。
※なお、ぴゅーちゃん用カラーは印刷用CMYKに関しては別ガイドラインを参照の事
ソース設計上の注意
※OYALOXサイトで使用しているBlueMonkeyは独自のCSSとBootstrap5.3.1で作成されています。
本来的にはBEMやFloccs等シマンテックに作成すべきなのですが、こちらの形で全体構築されてしまっています。
※各フリーブロックは「section」で区切られていないためH2の使い方には注意が必要になります。(H2の多用等で構造的でなくなるため)
例として正しく読み込ませるために以下のように設計してください。
dumy h2 text
※作成上どうしても特例が必要になる場合はBootstrapルールで作成してください。その際、特例枠としてこちらのテンプレートページにも反映してください。
AI Search対応として
AI向け検索対応として、末尾に次のフリーブロックの中身(JSON)を必ず挿入するようにしてください。
またこのJSONは2026/1/9に作成しております。AIに関しては日進月歩で仕様が変わるので、基本的には最新のAI SEOの在り方にアンテナを張るようにしてください。
※このフリーブロックのコメントの中身を入れる。こちらは最低限度なので各ページに合わせてカスタムしてください。

