This is a test article written in Markdown using Astro’s content collections. The first paragraph automatically receives lead styling to draw readers into the content.

Diagram showing the four phases of project delivery: Discovery, Direction, Development, and Delivery


Why Content Collections?

Content collections provide several benefits over plain Markdown files in the pages folder:

Here’s an example of inline code: const greeting = "Hello". And a link to Astro’s documentation.

Code Blocks

Code blocks get special styling with a dark background:

function greet(name) {
  return `Hello, ${name}!`;
}

const message = greet('World');
console.log(message);

Lists and Quotes

Unordered lists use sandstone-colored markers:

Ordered lists for sequential content:

  1. Discovery phase
  2. Direction setting
  3. Development work
  4. Delivery and launch

Blockquotes

A blockquote for highlighting important ideas. The serif font adds elegance and distinction from body text.

With attribution:

Design is not just what it looks like and feels like. Design is how it works. — Steve Jobs


Conclusion

This test article demonstrates all the typographic elements available in the article styling system. Content collections make it easy to add more posts while maintaining consistent structure.