Heading 1: The Main Title of Your Page

This is a standard paragraph. It’s perfect for introductions, explanations, and sharing your thoughts. In Sweden, we might use it to write about the importance of a good fika. Good typography makes reading a pleasure, so it's worth getting the styles just right.

This is another paragraph, just to show how the spacing looks between two blocks of text. The vertical rhythm between elements like paragraphs, headings, and lists is key to a clean design.

Heading 2: A Major Section

Here you can introduce a new topic. You can also add emphasis to your text in a few different ways.

• This text is italic.
• This text is bold.
• This text is bold and italic.
• And you can even strike through text if you need to.

Heading 3: A Subsection

Sometimes you need to break things down even further. That's where H3s come in handy. They are great for organizing content within a larger section.

Heading 4: A Deeper Level

You probably won't use H4s all the time, but they are useful for more detailed documents.

Heading 5: Even Deeper

This level is quite specific and best used for complex outlines or technical documentation.

Heading 6: The Deepest Level

If you're using H6s, you have a very structured document.

Lists

Lists are great for organizing information.

An Unordered List

• Coffee
• Cinnamon buns (Kanelbullar)
  • With pearl sugar
  • Without pearl sugar
• A cozy chair

An Ordered List

1. Gather your ingredients.
2. Follow the recipe carefully.
   1. Don't forget the cardamom.
   2. Let the dough rise properly.
3. Enjoy your freshly baked goods!

Links and Images

You can easily link to other pages, like the official website for Sweden.

Images are also straightforward. They can break up text and add visual interest.

And some images have figcaption and that is what I want to add next, so here goes nothing...

Blockquotes

Blockquotes are perfect for highlighting quotes or important snippets of text.

This is a just a single blockquote, nothing more, nothing less.

"To be, or not to be, that is the question."

This is a nested blockquote, for when you need to quote something within a quote.

This is the text of the quote itself. It is insightful and well-written.

Code

You can include inline code right inside a paragraph, which is useful for mentioning variable names or short commands.

For longer examples, use a fenced code block. This is great for showing off scripts or configuration files.

// A simple function to greet a user.

function fikaGreeting(name) {

  // Use a default name if none is provided.
  const visitor = name ? name : "friend";

  // Return a friendly fika invitation.
  console.log(`Hey ${visitor}, time for fika? ☕`);

}

fikaGreeting("Alex");