~/ d stumme © 2026

Hello

Me
Me

My name is Daniel, I am a software engineer in Minneapolis, living with my wife and cat and dog. I also make art. This website is mostly a personal portfolio site. I plan to a gallery showing some of my artwork as well as some instructional articles and blog posts. There will also be a showcase of some projects I have publicly built.

Cards

Pine

Deep evergreen. Used for headings and primary accents.

Fern

Mid-tone green. Used for buttons and interactive elements.

Sage

Light muted green. Used for borders and subtle accents.

Typography

Heading 1

text-5xl font-bold — Primary page title

Heading 2

text-3xl font-bold — Section headers

Heading 3

text-2xl font-semibold — Subsection headers

Heading 4

text-xl font-medium — Card titles

Heading 5

text-lg font-medium — Smaller headers

Heading 6

text-base font-medium — Minor headers

Long-form Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.

Article Block

This is a sample paragraph demonstrating body text styling. The cream background provides a warm, paper-like reading surface, while the bark-colored text ensures comfortable contrast.

"A pull quote with a fern-colored left border and a subtle sage tint."
const forest = {
  pine: '#3a5a40',
  fern: '#588157',
  sage: '#a3b18a',
};

Badges & Tags

Forest Pine Fern Sage Moss Stone Stone Dark Stone Deep
Outline Forest Outline Pine Outline Fern Outline Sage Outline Stone

Alerts

Success

Your changes have been saved successfully.

Information

This is some useful information for you.

Warning

Please review before proceeding.

Table

Name Role Status Action
Alice Johnson Designer Active Edit
Bob Smith Developer Away Edit
Carol Williams Manager Active Edit
David Brown Analyst Offline Edit

Lists

Unordered List

  • First item with some descriptive text
  • Second item with additional details
  • Third item to complete the list

Ordered List

  1. 1. First step in the process
  2. 2. Second step with more information
  3. 3. Third and final step

Gallery

Placeholder 1
Caption one.
Placeholder 2
Caption two.
Placeholder 3
Caption three.

Form

Button Variants

Primary Buttons

Secondary Buttons

Outline Buttons

Sizes