src/data/designs/004/metadata.json

{
  "id": "004",
  "url": "https://www.csszengarden.com/004",
  "css_url": "https://www.csszengarden.com/004/004.css",
  "title": "css Zen Garden submission 004 - 'arch4.20'",
  "author": "Dave Shea",
  "description": {
    "summary": "A structured web design demonstration page showcasing CSS capabilities with a clean, professional layout and architectural imagery header",
    "visual_style": "The design employs a functional, minimalist approach with clear typographic hierarchy and a deep blue-teal color scheme that creates a professional, academic atmosphere",
    "emotional_impact": "The design evokes a sense of organized tranquility and technical authority through its structured layout and cool color palette",
    "compositional_elements": "The page features a horizontal architectural header image, a prominent title area, and a multi-column content structure with clear section divisions and sidebar navigation"
  },
  "artistic_context": {
    "style_influences": "Web standards movement, functional minimalism, academic documentation design",
    "visual_metaphors": "Architecture as structure, garden as growth and cultivation, path/road as journey"
  },
  "categories": [
    "functional",
    "minimalist",
    "structured",
    "educational",
    "grid-based",
    "technical"
  ],
  "visual_characteristics": [
    "blue-teal color scheme",
    "architectural header imagery",
    "hierarchical typography",
    "clear section divisions",
    "sidebar navigation",
    "multi-column layout"
  ],
  "design_principles": {
    "primary_principles": [
      "hierarchy",
      "contrast",
      "readability",
      "organization"
    ],
    "visual_techniques": [
      "color blocking",
      "typographic scaling",
      "white space management"
    ]
  }
}