# SVG Cover Design Rules

Use these rules when composing the cover.

## Visual Priorities

1. Make the title the strongest element.
2. Use a clear focal area instead of evenly spreading attention.
3. Let one main visual idea drive the piece: diagonal energy, concentric focus, modular grid, framed typography, or layered bands.

## Typography

- Prefer large type with strong weight contrast.
- Limit to one main family unless the brief benefits from a second voice.
- Use generous line spacing for multi-line titles.
- Keep subtitle and metadata visibly subordinate.
- Break long titles deliberately instead of shrinking them too far.

## Color

- Start with one background color, one dominant foreground color, and one accent.
- Use high contrast for readability.
- If the brief is technical or modern, cool neutrals with one bright accent work well.
- If the brief is editorial or cultural, use warmer contrast and stronger composition.

## Shapes and Atmosphere

Good motifs:
- angled bars
- cropped circles
- soft radial glows
- stacked rectangles
- repeated lines
- grids with one deliberate disruption

Avoid:
- clip-art icons by default
- too many tiny decorative details
- fake 3D effects unless requested
- random shape scattering with no hierarchy

## Technical Rules

- Keep the SVG self-contained.
- Use `viewBox` plus explicit `width` and `height`.
- Prefer inline gradients and masks defined in `<defs>`.
- Keep text as text.
- Avoid `foreignObject`, remote URLs, or script tags.
- Name groups when that helps later editing.

## Default Palette Ideas

### Technical Blue
- `#0E1B2A`
- `#DCE7F3`
- `#56C2FF`

### Warm Editorial
- `#1A1714`
- `#F3EBDD`
- `#D96C3D`

### Minimal Neutral
- `#111111`
- `#F5F1E8`
- `#B0B0B0`

### Bold Signal
- `#081018`
- `#F7F4ED`
- `#FF5A36`

Pick one and adjust only if the brief gives stronger direction.