Welcome to Cozy Crystal

This theme features a carefully crafted brutalist layout with a light complementary color scheme. The typography combines display fonts for headings with serif for body text.

Typography Showcase

The roboto-slab font family provides excellent readability for body text, while zai-aeg-mignon-typewriter-1924 adds character to headings. Code blocks use hack for clarity.

Color Palette

Primary: #22ac18 | Secondary: #95279d | Accent: #30722b

Interactive Elements

Links like this example and longer text links that demonstrate the theme's navigation style use the secondary color.

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

Code Examples

Inline code like theme.generate() and larger blocks:

// Theme configuration
const theme = {
    name: "cozy_crystal",
    layout: "brutalist",
    colors: {
        primary: "#22ac18",
        secondary: "#95279d",
        accent: "#30722b"
    },
    fonts: {
        heading: "zai-aeg-mignon-typewriter-1924",
        body: "roboto-slab",
        code: "hack"
    }
};

Content Structure

Clean, readable typography with 14px base font size
Heading scale ratio of 1.42x for visual hierarchy
Line height of 1.56 for comfortable reading
Brutalist layout optimized for content flow
Light theme with complementary color harmony

Font Licensing

All fonts used in this theme are properly licensed:

zai-aeg-mignon-typewriter-1924: Free License
roboto-slab: Apache License
hack: MIT License

Final Thoughts

Every element of this theme has been carefully designed to create a harmonious reading experience. The brutalist layout ensures content is presented in an engaging way, while the color scheme provides the perfect backdrop for your words to shine.

Whether you're writing technical documentation, creative prose, or anything in between, this theme adapts to showcase your content beautifully.