37 lines
1011 B
Markdown
37 lines
1011 B
Markdown
# containerization
|
|
|
|
All content is placed inside visible borders or background blocks.
|
|
|
|
## Structure
|
|
|
|
- Every content group enclosed in a distinct container (card, box, or panel)
|
|
- Containers clearly separate different topics or sections
|
|
- Consistent container style (border, shadow, or background)
|
|
- Containers may be nested for sub-grouping
|
|
|
|
## Best For
|
|
|
|
- Multi-topic infographics needing clear separation
|
|
- Reference cards and cheat sheets
|
|
- Structured data with distinct categories
|
|
- Dashboard-style layouts
|
|
|
|
## Visual Elements
|
|
|
|
- Visible borders or background fills per container
|
|
- Consistent padding inside containers
|
|
- Optional header bar per container
|
|
- Drop shadows or rounded corners for depth
|
|
|
|
## Text Placement
|
|
|
|
- Section title in container header
|
|
- Content within the container body
|
|
- Overall title above all containers
|
|
|
|
## Recommended Pairings
|
|
|
|
- `ui-wireframe`: Clean boxed interface layouts
|
|
- `corporate-memphis`: Colorful card-based designs
|
|
- `technical-schematic`: Structured system diagrams
|