← All posts
One accent, one typeface, one decision
9/3/2026Theme system
#tokens #type #public page
Most layouts fail because they keep adding. A second gold. A second heading font. A third button style.
Lock three things before you open Studio:
- one accent token
- one typeface family
- one radius for cards and buttons
If the typeface is doing the work, you do not need a second one. Publish the page. Polish after people can open the URL.
The temptation is always the same: open the color picker, invent a soft lavender for hover, then a warmer gold for verified marks, then a third typeface for quotes. Each choice feels small. Together they make the public page look like a moodboard dump instead of a brand.
Start with a single accent that already sits in the template. Use it for primary buttons, focus rings, and the one badge that must read as “live.” Everything else should inherit surface and text tokens. If a block needs a second accent to feel finished, the block is wrong — not the palette.
Typeface discipline is the same story. One family for headings and body, with weight and size doing the hierarchy. A display face for the name is allowed when the template already owns it. A second Google Font “just for the blog” breaks the soft-nav illusion when someone jumps from Profile to Blog.
Radius is the quiet join between Shop, Booking, and Support. Pick one value and stop negotiating per widget. When the radius matches, long-form reading on Blog still feels like the same creator site, not a new product.
Ship the constraint. Then scroll this post on a phone and confirm the accent still reads after two screens of copy.
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.
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.