ProseArticle

Typographic styles for rendered blog content.

Why every launch deserves a dedicated freelancer

Every week, thousands of product launches ship without any dedicated support. Yet having an independent expert alongside the team changes everything.

Working with a dedicated freelancer through the quarter changed everything: fewer reworks, and the feeling of finally shipping on time.

What good delivery looks like

  • Scoping the work before the sprint
  • Hands-on support during the build
  • Follow-up and continuity after the launch
<ProseArticle>
	<div dangerouslySetInnerHTML={{ __html: post.html }} />
</ProseArticle>

This is the one place in the package that styles bare tags, because the content comes from a CMS and cannot carry classes.

It is set for reading: 17 px on a phone and 18 px from md, at a 1.65 line height, in a 40rem measure of about 68 characters a line. Body text is near-black rather than grey — long reading in grey tires the eye — and bold runs carry a faint brand highlight. Content from the content editor gets heading anchors, scrolling tables and figures from Article readers.

API

PropTypeDefault
exitExit—Inside a <Presence>: plays this child's way out before it unmounts.
renderComponentRenderFn<HTMLProps, {}> | ReactElement<unknown, string | JSXElementConstructor<any>>—Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a ReactElement or a function that returns the element to render.

Plus every <article> prop. Source: landing/components/prose-article.tsx.