Typography

Use typography for...

Prose

Use prose for...

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Hedia lobortis purus quis eros viverra iaculis. In volutpat ultricies nulla in tincidunt. Vestibulum dapibus lacus diam, mollis gravida urna volutpat eu.

Quisque eget suscipit leo, euismod maximus est. In iaculis vestibulum tellus consectetur finibus. Cras ultricies, est et malesuada viverra, neque neque sodales felis, ut auctor nisi ex at arcu. Donec eget condimentum metus.

Sed pulvinar ante maximus, vestibulum neque sed, sagittis felis

Donec vehicula tortor arcu, ornare aliquet elit volutpat at. Morbi sit amet nisl at lectus fermentum suscipit vel et ligula.

  1. Sed scelerisque
  2. Aliquam placerat
  3. Fusce at urna dolor
  • Sed scelerisque
  • Aliquam placerat
  • Fusce at urna dolor

Donec porta eros non purus cursus

Integer eros leo, commodo sit amet maximus non, congue sed nibh. Praesent eleifend mattis ligula in convallis. In dolor eros, laoreet sit amet posuere vel, hendrerit a nisi. Suspendisse et maximus est.

Phasellus consequat metus et neque gravida imperdiet.

Curabitur nec mauris orci. Curabitur blandit nec lacus eget malesuada. Nullam et leo eget enim ullamcorper feugiat. Pellentesque quam sem, maximus ac venenatis imperdiet, pellentesque ut sem. Etiam at sapien diam.

import { a, blockquote, code, em, h1, h2, hr, img, li, ol, p, strong } from "@hedia/html/elements";
import { MaxWidth } from "@hedia/windfall/css/typography";
import { prose } from "@hedia/windfall/html/typography";

prose(
	{ maxWidth: MaxWidth.None },
	h1("Lorem ipsum dolor sit amet, consectetur adipiscing elit"),
	p(
		a({ href: "#" }, "Hedia"),
		" lobortis purus quis eros viverra iaculis. In volutpat ultricies nulla in tincidunt. Vestibulum dapibus lacus diam, mollis gravida urna volutpat eu.",
	),
	hr(),
	p(
		"Quisque eget suscipit leo, euismod maximus est. In iaculis vestibulum tellus consectetur finibus. Cras ultricies, est et malesuada viverra, neque neque sodales felis, ut auctor nisi ex at arcu. Donec eget condimentum metus.",
	),
	p(img({ src: "/www.hedia.com.png" })),

	h2("Sed pulvinar ante maximus, vestibulum neque sed, sagittis felis"),
	p(
		"Donec vehicula tortor arcu, ",
		em("ornare"),
		" aliquet elit volutpat at. Morbi sit amet nisl at lectus fermentum suscipit vel et ligula.",
	),

	ol(li("Sed scelerisque"), li("Aliquam placerat"), li("Fusce at ", strong("urna"), " dolor")),
	h2(" Donec porta eros non purus cursus"),
	p(
		code("Integer"),
		" eros leo, commodo sit amet maximus non, congue sed nibh. Praesent eleifend mattis ligula in convallis. In dolor eros, laoreet sit amet posuere vel, hendrerit a nisi. Suspendisse et maximus est.",
	),
	blockquote("Phasellus consequat metus et neque gravida imperdiet."),
	p(
		"Curabitur nec mauris orci. Curabitur blandit nec lacus eget malesuada. Nullam et leo eget enim ullamcorper feugiat. Pellentesque quam sem, maximus ac venenatis imperdiet, pellentesque ut sem. Etiam at sapien diam.",
	),
),