37 lines
940 B
Markdown
37 lines
940 B
Markdown
# step-staircase
|
|
|
|
A stair-step arrangement rising or descending to show progression.
|
|
|
|
## Structure
|
|
|
|
- Steps arranged diagonally, each higher (or lower) than the previous
|
|
- Each step represents a stage, level, or milestone
|
|
- Directional arrows or connectors between steps
|
|
- Clear start at bottom-left and end at top-right (or reverse)
|
|
|
|
## Best For
|
|
|
|
- Growth or escalation narratives
|
|
- Skill or maturity level progressions
|
|
- Pricing tiers
|
|
- Achievement or unlock sequences
|
|
|
|
## Visual Elements
|
|
|
|
- Staircase shape with distinct step blocks
|
|
- Icons or numbers on each step
|
|
- Upward arrow or trajectory line
|
|
- Color gradient from start to end
|
|
|
|
## Text Placement
|
|
|
|
- Step label on or beside each step
|
|
- Brief description below each step
|
|
- Title at top or along the staircase
|
|
|
|
## Recommended Pairings
|
|
|
|
- `corporate-memphis`: Business growth stages
|
|
- `paper-collage`: Friendly skill progressions
|
|
- `high-contrast-ad`: High-contrast achievement steps
|