← All posts
Explore grid at three columns. Gap is 2px on purpose.
8/28/2026Layout
#explore #grid #instagram
Card chrome kills a feed. Use three columns, square tiles, and a 2px gap.
Hover can show likes and comments. The tile itself should stay the photo. Locked posts get a lock, not a marketing overlay.
This is the same rule as the public Explore surface: the grid is the page.
Larger gaps turn the wall into a dashboard. Suddenly every tile is a product card with padding, shadow, and a caption strip. Visitors stop scanning photos and start evaluating UI. That is the wrong job for Explore.
Two pixels is intentional friction against chrome. It keeps edges sharp and density high. Three columns on phone-width still read as a feed people already know how to use. Locked tiles need a lock icon only — not a paywall speech on the thumbnail.
When you jump from Explore into Blog, the density should relax into long-form without abandoning the brand. Same accent, same type, softer vertical rhythm. This post is long on purpose so you can feel that handoff while scrolling: grid energy above, essay energy here, one creator throughout.
Do not “premium-up” the grid with glass cards. Premium is the work in the tiles and the discipline of the gap.
Keep the voice consistent with the theme. Navy and gold copy should not suddenly sound like a SaaS changelog. Write like the page looks: direct, a little cinematic, and short sentences where the layout already does the drama.
Checklist while you scroll: does the avatar stay readable under the name band, do page links remain tappable after the post, and does the SiteFooter arrive only once at the bottom. Duplicate chrome is a scroll bug dressed as a design choice.
Theme swaps should not rewrite the article. Tokens move; the body stays. If a layout change forces you to cut half the post, you picked a template that cannot carry long-form content.
Use real line breaks. Walls of text hide overflow issues. Paragraphs, lists, and a closing line make scroll position easier to judge when you are comparing Studio preview against the public URL.
Publish order still wins. Ship the page, then polish the essay. Fans cannot open a Figma file. They can open /blog/themebuilder and scroll until the footer.
Support, Shop, and Booking inherit the same radius and type tokens. Long blog bodies are a stress test for those tokens because the eye travels farther before it hits the next surface.
If the post feels finished at three hundred words, keep writing about the constraint. Constraint is the design. The scroll bar is the proof that the layout can hold attention without adding a second accent color.
On a live public page the visitor never sees your Studio draft history. They see one URL, one accent, and one decision about type. That is why length on a blog post matters for QA: long copy forces the canvas and the site chrome to share scroll space without fighting each other.
Reweyou surfaces share a template shell. Profile, Shop, Book, Support, Explore, Blog, and Courses should feel like rooms in the same house. When you publish a long note, you are also testing whether the footer, header, and soft-nav still behave when the middle column grows.
Phone testing is the honest pass. Desktop always looks calm. On a narrow viewport, a short post collapses into a card; an eight-hundred-word post reveals whether gap tokens, cover crops, and sticky chrome leave enough room for reading.
Keep the voice consistent with the theme. Navy and gold copy should not suddenly sound like a SaaS changelog. Write like the page looks: direct, a little cinematic, and short sentences where the layout already does the drama.
Checklist while you scroll: does the avatar stay readable under the name band, do page links remain tappable after the post, and does the SiteFooter arrive only once at the bottom. Duplicate chrome is a scroll bug dressed as a design choice.
Theme swaps should not rewrite the article. Tokens move; the body stays. If a layout change forces you to cut half the post, you picked a template that cannot carry long-form content.
Use real line breaks. Walls of text hide overflow issues. Paragraphs, lists, and a closing line make scroll position easier to judge when you are comparing Studio preview against the public URL.
Publish order still wins. Ship the page, then polish the essay. Fans cannot open a Figma file. They can open /blog/themebuilder and scroll until the footer.
Support, Shop, and Booking inherit the same radius and type tokens. Long blog bodies are a stress test for those tokens because the eye travels farther before it hits the next surface.
If the post feels finished at three hundred words, keep writing about the constraint. Constraint is the design. The scroll bar is the proof that the layout can hold attention without adding a second accent color.