Kitchen Sink Demo

Every HTML element styled by term.css, plus all class-based components.

Typography

Body text in monospace at a comfortable line-height. This paragraph tests bold text, italic text, links, inline code, marked text, and small text.

Third Level Heading

Fourth Level Heading

Fifth Level Heading

Sixth Level Heading

Blockquote

He holds him with a skinny hand,
'There was a ship,' quoth he.
'Hold off! unhand me, grey-beard loon!'
An artichoke, dropt he.

Lists

1. Carrots
2. Celery
3. Tacos
   • Soft
   • Hard
4. Cucumber

• Unordered item one
• Unordered item two
• Unordered item three

Table

Code Block

module Main where

import Data.List (intercalate)

hello :: String -> String
hello s = "Hello, " <> s <> "."

main :: IO ()
main = putStrLn
     $ intercalate "\n"
     $ hello <$> [ "artichoke", "alcachofa" ]

Details / Summary

Divider

Alcachofa, if you were wondering, is artichoke in Spanish.

Media

Date

Published on 05 March 2026

Forms

Keyboard

Press Ctrl + C to copy, Ctrl + V to paste.

Sample Output

The command returned: Hello, world!

Abbreviation

We use OKLCH for all color values.

Components

Cards & Grid

Badges

STATUS NEW DRAFT

Callouts

Task List

• Completed task
• Another done
• Pending task

Definition List

term.css

A minimal CSS framework with terminal aesthetics

OKLCH

A perceptually uniform color space used for theming