Parts Guide

Button

Button

Button-related components

→
Button with Arrow Icon

Button with Arrow Icon

Link button with a right-pointing arrow icon.
Pill Button

Pill Button

A pill-shaped (tablet-shaped) link button with fully rounded corners
Navigation

Navigation

Navigation-related components

→
Breadcrumb Navigation

Breadcrumb Navigation

Simple design with schema.org structured markup implementation
Accordion

Accordion

Collapsible elements like accordions

→
Accordion with Details and Summary Elements

Accordion with Details and Summary Elements

A simple accordion using HTML's native details and summary elements, requiring no JavaScript
Layout

Layout

Layout-related components

→
Info Block

Info Block

A component containing heading, text, and image. HTML follows document structure priority order while CSS allows flexible positioning for PC/mobile layouts.
Diagonal Background Line

Diagonal Background Line

Draw a thick diagonal background line spanning the full browser width using only border-image. No pseudo-elements or extra wrapper elements required.