SVG Patterns for Japanese Brutalist Design

This page showcases various SVG patterns that fit the minimalist Japanese brutalist design aesthetic. These SVGs can be used as backgrounds, decorative elements, or featured images for social sharing.

Pattern Examples

Diagonal Grid

Brush Strokes

Geometric Brutalist

Wabi-Sabi Texture

Japanese Diagonals

Featured Image Template

This template can be used for featured images and social sharing (Open Graph/Twitter Card):

Usage Examples

Background Pattern

Content with Diagonal Grid Background

This box demonstrates using the diagonal grid as a background pattern.

Blockquote Styling

"Wabi-sabi is the Japanese art of finding beauty in imperfection and profundity in earthiness, of accepting the natural cycle of growth, decay, and death."

— Leonard Koren

Vermillion Accent Border

This paragraph uses a vermillion accent border, a common element in Japanese design.

The color vermillion has been important in Japanese culture and art for centuries.

Combined Backgrounds

Content with Combined Backgrounds

This box demonstrates layering multiple SVG patterns.

How to Use

These SVG patterns are available in your site at /img/svg/. You can:

Use them as background images in CSS
Use them directly as <img> tags
Incorporate them as decorative elements
Use the featured template for social sharing by adding your content

See the css/svg-patterns.css file for examples of CSS classes that use these patterns.