llm.css Demo

Here is a demo of llm.css. You can go back to the home page when you're done viewing this page.

Color Palette

Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5

Heading level 6

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam eaque molestias eos, nostrum perferendis aut minus, optio laudantium aliquam nesciunt pariatur laboriosam aperiam tempora placeat debitis! Quae eos dolor error?

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Animi vel, veritatis magni similique labore provident perspiciatis sequi consequuntur quisquam ratione? Accusamus vel quibusdam ea recusandae ut, assumenda dicta dolorum dolorem?

• Item
• Item
  • Subitem
• Item

1. Item
2. Item
   1. Subitem
3. Item

p {
  color: red;
}

Use the anchor tag for links.

The strong tag is rendered as bold text.

The b tag is rendered as bold text.

This em tag is rendered as italicized text.

This i tag is rendered as italicized text.

Use the code tag for inline code.

Use the kbd tag for keyboard shortcuts, like Ctrl + ,.

Use the mark tag to highlight text.

Use the small tag for text is meant to be treated as fine print.

Use the del tag for deleted text.

Use the s tag for text that is no longer accurate.

Use the ins tag for text that is meant to be treated as an addition to the document.

Th u tag will render as underlined.

Use the sub tag for subscripts, like this: C₈H₁₀N₄O₂.

Use the sup tag for superscripts, like this: 5^th.

Use the var tag for variables, like this: y = mx + b.

A blockquote represents a section that is quoted from another source. It can contain multiple paragraphs and is commonly used to highlight important quotes or extended text passages.

— Author Name

Summary text

Details text

Summary text

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatum nisi, aliquid deleniti delectus neque, rem iusto distinctio soluta saepe consequuntur aperiam praesentium voluptatem, illo optio quisquam iste culpa placeat a.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse, ut. Consequatur doloribus officia eum provident veniam, aut voluptas cupiditate possimus neque totam quod atque accusantium ipsum distinctio. Magni, voluptas temporibus?

• Item
• Item
• Item

Open Dialog

Dialog Example

This is a dialog element. It displays content in a modal overlay and can be closed by the user.

Close

Select Option 1 Option 2 Select (disabled) Option 1 Option 2 Text

Test

Text (read only) Text (disabled) Email Password URL Date Number Telephone Month Week Search Date Time Local Time Color Text Area Text Area (disabled) Choose a file Choose a file (disabled)

Choose a radio:

Unselected

Selected

Disabled

Checkboxes

Unchecked

Checked

Indeterminate

Disabled

Disabled (checked)

Range Progress 50%

Caption text

Header 1	Header 2
Cell 1	Cell 2

This is uppercase.

This is lowercase.

This is capitalized.

This has no text transform.

This is italic.

This is not italic.

This is bold.

This is not bold.

---