first commit

sn-infographic/references/layouts/disrupted-flow.md

@@ -0,0 +1,36 @@
+# disrupted-flow
+
+Inverted or vertical text mixes to disrupt the normal reading order.
+
+## Structure
+
+- Text and elements arranged in unexpected orientations
+- Some text rotated, inverted, or placed vertically
+- Reading order requires active engagement
+- Disruption is intentional and purposeful
+
+## Best For
+
+- Challenging conventional thinking content
+- Creative or artistic presentations
+- Content about disruption, change, or innovation
+- Experimental editorial designs
+
+## Visual Elements
+
+- Mixed text orientations (horizontal, vertical, inverted)
+- Unexpected element placements
+- Visual cues guiding the non-linear reading path
+- Strong contrast to make disruption intentional
+
+## Text Placement
+
+- Key message in the most disruptive position
+- Supporting text in varied orientations
+- Reading path indicated by numbering or color
+
+## Recommended Pairings
+
+- `high-contrast-ad`: Graphic disruption compositions
+- `neon-futurism`: Glitch-style text disruption
+- `pixel-art`: Retro disrupted pixel text