English

Internal diagnostic

Panel System Reference

Four colors, five sizes each. Visual check for border-image stitching, corner joins, and tile repetition at extreme aspect ratios.

Source PNGs
/assets/images/textures/panels/panel-<color>.png
Image size
1254 by 1254 px
border-image-slice
120 fill
border-image-width
24px
border-image-repeat
round

Cream

.felt-panel.felt-panel--cream

Small, 300 by 200
Medium, 600 by 400
Tall, 300 by 600 (vertical repeat)
Wide, 800 by 200 (horizontal repeat)
Content panel, 600 wide, auto height

Heading inside the panel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Sage

.felt-panel.felt-panel--sage

Small, 300 by 200
Medium, 600 by 400
Tall, 300 by 600 (vertical repeat)
Wide, 800 by 200 (horizontal repeat)
Content panel, 600 wide, auto height

Heading inside the panel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Blue

.felt-panel.felt-panel--blue

Small, 300 by 200
Medium, 600 by 400
Tall, 300 by 600 (vertical repeat)
Wide, 800 by 200 (horizontal repeat)
Content panel, 600 wide, auto height

Heading inside the panel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Rust

.felt-panel.felt-panel--rust

Small, 300 by 200
Medium, 600 by 400
Tall, 300 by 600 (vertical repeat)
Wide, 800 by 200 (horizontal repeat)
Content panel, 600 wide, auto height

Heading inside the panel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.