Typography

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5

Heading level 6

This is body text. It should be readable and comfortable at normal paragraph length. Neo-brutalism takes the raw, unpolished aesthetic of brutalism and combines it with bold colors and playful elements. Here is some inline code in a sentence. And here is a link to somewhere.

"Good design is as little design as possible." — Dieter Rams

You can highlight text to draw attention. Or use bold and italic for emphasis.

fn main() {
    println!("Hello, brutalism!");
    let style = Style::new()
        .border(2)
        .shadow(true)
        .radius(0);
}

Lists

Tables

Buttons

Form Elements

Components

Badges & Tags

Alerts

Cards

Color Palette

Demo: Forms