Documentation

Complete guide to using the Danish Pastel Jekyll theme

Version: 1.0.0 Updated: Mar 2, 2026

Welcome to the Documentation

This documentation will help you get started with the Danish Pastel Jekyll Theme and make the most of its minimalist, hygge-inspired features.

This is an interactive documentation site built with the docs layout. Use the sidebar to navigate between sections.

What is Danish Pastel?

Danish Pastel is a design aesthetic rooted in Scandinavian minimalism:

• Muted Tones - Dusty rose, sage, mauve, clay colors
• Subtle Borders - 1px borders with minimal contrast
• Soft Shadows - 4-6px blur with low opacity
• Clean Typography - Poppins and Space Mono fonts
• Minimalist Design - Functional, calm aesthetics

Theme Features

Layouts

The theme includes 5 different layouts:

1. default - Base layout with header and footer
2. home - Homepage with hero section and blog posts
3. page - Simple content pages
4. post - Blog post layout
5. docs - Technical documentation (you’re looking at it!)

Components

• Responsive navigation
• Hero sections
• Blog post listings
• Code syntax highlighting
• Callout boxes (notes, warnings, tips)
• Tables with Danish Pastel styling
• Custom 404 page

Colors

--color-primary: #C9ADA7    /* Dusty Mauve */
--color-secondary: #9A8C98  /* Soft Mauve */
--color-accent: #D4A5A5     /* Dusty Rose */
--color-success: #A8DADC    /* Sage Blue */
--color-sage: #A7C4BC       /* Sage Green */

Quick Examples

Code Blocks

Code blocks are styled with dark backgrounds and sage text:

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

console.log(greet('World'));

Callout Boxes

💡 Tip: Use callout boxes to highlight important information!

⚠️ Warning: Make sure to test your site locally before deploying.

Tables

Feature	Description	Status
Responsive	Mobile-friendly design	✅
Fast	Pure CSS, no frameworks	✅
Minimal	Subtle borders and shadows	✅
Documented	Complete guides	✅

Documentation Sections

Explore the documentation using the sidebar:

• Getting Started - Installation and setup
• Configuration - Customize your site
• Layouts - Available page templates
• Components - Built-in components and styles
• Deployment - Publishing your site

Need Help?

If you run into any issues or have questions:

1. Check the documentation sections in the sidebar
2. Review the example files
3. Open an issue on GitHub

📘 Note: This documentation is a work in progress. Contributions are welcome!

What’s Next?

Ready to get started? Head to the Getting Started guide to install and configure the theme.