← All posts
Cover crop: keep the face below the fold
9/1/2026Photography
#cover #mobile #studio
On a phone, the cover is a crop, not a poster. Put the face in the lower third so the avatar and name still sit on the photo.
Studio lighting test that works on Reweyou:
- warm key
- cool fill
- keep the navy
If the crop only looks right on desktop, it is not ready for the live canvas.
Desktop heroes forgive almost anything. The wide frame hides a forehead cut, a bright horizon band under the name, and a crop that leaves the subject floating above the fold. Mobile does not forgive. The cover becomes a short band, the avatar overlaps it, and the bio starts immediately.
Work the crop on a real device width first. Place the eyes in the lower third of the cover band so the face survives under the name. Leave a quiet zone — darker fabric, soft shadow, or negative space — where text will sit. Gradient overlays help, but they cannot invent a safe area the photo does not have.
Lighting that matches the theme sells the page before copy does. Warm key light, cool fill, navy in the set: the cover then agrees with accent tokens instead of fighting them. Retake when the only fix is heavier blur.
After you publish, open Blog on the same theme and scroll a long post. The cover crop on the profile should still feel related to the reading surface — same brand, same light, same decision.
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.
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.