# Layout Analysis — {domain}
> Extracted from {url} on {date}
> Viewport: {width}x{height}

## Layout Type
**{type}**

## Key Dimensions
- Header height: {header_height}px
- Sidebar width: {sidebar_width}px
- Main content width: {main_width}px (max-width: {max_width})
- Page background: {bg_color}
- Base font: {font_family}
- Base font size: {font_size}
- Base text color: {text_color}

## Navigation
- Type: {nav_type}
- Position: {nav_position}
- Background: {nav_bg}
- Items: {nav_items}

## Page Sections
### {section_name}
- Position: y={y}px, height={height}px
- Layout: {display} {direction}
- Background: {bg}
- Padding: {padding}
- Children: {children}

## Components Detected
### {component_name}
- Tag: {tag}
- Size: {width}x{height}px
- Background: {bg}
- Border radius: {radius}
- Shadow: {shadow}

## Color Palette
### Backgrounds
### Text
### Accents

## Typography
### Font Families
### Font Sizes

## Border Radii
## Shadows
## Transitions & Animations
## CSS Custom Properties
## Images