A split feature section — a text column (heading, subtext, optional
actions) beside an image column that swaps to
image-src-dark in dark mode.
Use colour meaningfully across projects with automatic light/dark switching.
T-shirt sized type scale with fluid responsiveness. No manual breakpoints.
feature highlights and product walkthroughs.
Alternate reverse down a page for a rhythmic
text/image cadence.
reverse on consecutive features so text and image zig-zag down the page.image-src and image-src-dark so the image matches the theme.actions slot — one primary CTA at most per feature.image-alt — or pass an empty value if the image is purely decorative.h2/h3 that fits the page outline into heading.reverse swaps the rendered column order, so visual and reading order stay in sync.image-alt meaning.