セクション区切り 30選

セクションの継ぎ目こそLPの見せ場。波・幾何学・オーガニック・ライン装飾の区切りデザインを、上下セクションごとプレビュー。「コピー」でHTML+CSS(inline SVG込み)をそのまま持ち帰れます。

SWEETS FAIRいちごの季節、はじまる
NEXT SECTION
01. なだらかウェーブ波 / パステルポップ
ORGANIC LIFEからだにやさしい選択を
NEXT SECTION
02. 2層の波波 / 半透明レイヤー
DEEP OCEAN3層の波がゆっくり流れる
NEXT SECTION
03. 3層パララックス波波 / 速度違いで流れる
SUMMER SALE最大70%OFFの大波が来る
NEXT SECTION
04. 急カーブの大波波 / ダイナミック
LIMEBILL STYLE下のセクションが食い込む
NEXT SECTION
05. 逆さの波波 / ライム×黒
CREATIVE STUDIO右肩下がりの大胆カーブ
NEXT SECTION
06. 非対称カーブ波 / 端で高くなる
AQUA RESORT波打ち際のようなさざ波
NEXT SECTION
07. さざ波波 / 細かいリップル
SALON DE THE上品にふくらむ円弧
NEXT SECTION
08. 円弧ふくらみ波 / CSSのみ
CORPORATE VISIONclip-pathの一枚斜め断ち
NEXT SECTION
09. 斜めカット幾何学 / clip-path
MOUNTAIN PEAK中央が山型に突き出す
NEXT SECTION
10. 逆V字の山型幾何学 / オレンジグラデ
HANDMADE MARKET大きめジグザグでポップに
NEXT SECTION
11. ジグザグ幾何学 / ミント×クリーム
STREET CULTURE鋭い歯が並ぶソーエッジ
NEXT SECTION
12. のこぎりエッジ幾何学 / ライム×黒
STEP UP PLAN右肩上がりの階段カット
NEXT SECTION
13. 階段状幾何学 / ステップ
TECH HIVEハニカムの下端がのぞく
NEXT SECTION
14. 六角形の連なり幾何学 / ハニカム
OMOTENASHI中央のダイヤが下段に食い込む
NEXT SECTION
15. ダイヤ食い込み幾何学 / 和モダン
SPORTS GYM 24スピード感のある斜め帯
NEXT SECTION
16. 平行四辺形の帯幾何学 / スポーティ
BEAUTY BLOB有機的にうねうね垂れる
NEXT SECTION
17. ブロブオーガニック / ゆっくり呼吸
CRAFT PAPERビリッと破いたラフエッジ+影
NEXT SECTION
18. 破れた紙オーガニック / drop-shadow
和食処 いろは墨のかすれで区切る
NEXT SECTION
19. 筆のかすれオーガニック / 和風
PATISSERIE ROSEレースみたいな半円つづり
NEXT SECTION
20. スカラップオーガニック / CSSレース
KIDS PARKもこもこ雲がゆっくり流れる
NEXT SECTION
21. 雲もこもこオーガニック / 流れる雲
JUICE STAND水玉が散らばって溶けていく
NEXT SECTION
22. 水玉ディゾルブオーガニック / ドット散布
INK & ARTインクがとろりと垂れる
NEXT SECTION
23. インクのにじみオーガニック / 滴が揺れる
OYAKO CAFEクレヨンで引いたようなゆる線
NEXT SECTION
24. 手描き風ゆる線オーガニック / クレヨン
BOTANICAL SPA中央に小さなアイコンを一輪
spa
NEXT SECTION
25. アイコン入り細線ライン / Material Symbols
NEON GRADIENT中央からすーっと伸びる光の線
NEXT SECTION
26. 伸びるグラデ線ライン / scaleXアニメ
ANTIQUE SALON点線の真ん中に小さなダイヤ
NEXT SECTION
27. ドット線+ダイヤライン / クラシック
GRAND HOTEL両端にダイヤを添えた二重線
NEXT SECTION
28. 装飾つき二重線ライン / フォーマル
PORTFOLIO視線を下へ導く縦ライン
SCROLL
NEXT SECTION
29. 縦線スクロール誘導ライン / 流れる光
TRATTORIA SOLEラベルで次の章を予告する
MENU
NEXT SECTION
30. テキストラベル区切りライン / 両側線