mono - Brutalism in UI


Blockquote

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.

blockquote?

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s

Bold

Some text to demonstrate bold higlight.

Button

Checkbox

Banana
Blueberry
Orange

Code

I want to show you the "css-lock" code: font-size: calc(0.4vw + 0.6em);

Details

Here the accordion / spoiler example.
Summary This is details internals, which you can see after click on summary

Heading

Some title for h3

Some title for h4

In this text Try to go to somewhere for some reason. And this is another example.

Paragraph

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Preformat

I want to show you this sandbox code: 
html {
  font-size: calc(0.3vw + 0.7em);
  font-family: monospace;
  line-height: 1.5rem;
}

Radio buttons

Radios


Range input

Strong

Some text to demonstrate bold higlight.

Unordered List

Table

One Two Thre
1 2 3
10 20 30
100 200 300
1000 2000 3000