first commit
This commit is contained in:
36
sn-infographic/references/layouts/single-focal-point.md
Normal file
36
sn-infographic/references/layouts/single-focal-point.md
Normal file
@@ -0,0 +1,36 @@
|
||||
# single-focal-point
|
||||
|
||||
Single absolute visual focus, usually centered or at the visual center of gravity.
|
||||
|
||||
## Structure
|
||||
|
||||
- One dominant element occupies the primary visual position
|
||||
- All other elements are subordinate or absent
|
||||
- Strong contrast between subject and background
|
||||
- Generous negative space around the focal point
|
||||
|
||||
## Best For
|
||||
|
||||
- Product spotlights and hero shots
|
||||
- Key statistics or single powerful quotes
|
||||
- Brand announcements with one central message
|
||||
- Minimalist concept illustrations
|
||||
|
||||
## Visual Elements
|
||||
|
||||
- Large, high-contrast central subject
|
||||
- Clean or blurred background
|
||||
- Subtle vignette or radial gradient to draw focus
|
||||
- Optional supporting micro-elements at periphery
|
||||
|
||||
## Text Placement
|
||||
|
||||
- Title above or below the focal element
|
||||
- Minimal supporting text only
|
||||
- Avoid competing with the central subject
|
||||
|
||||
## Recommended Pairings
|
||||
|
||||
- `knolling`: Product flat-lay with single hero item
|
||||
- `high-contrast-ad`: High-impact single concept
|
||||
- `ui-wireframe`: Clean single-element mockup
|
||||
Reference in New Issue
Block a user