LWC StudioStart designing

Rich Text generator

Release notes, record descriptions and knowledge articles render through lightning-formatted-rich-text (or capture through lightning-input-rich-text). Style link color, blockquote accent and line height so long-form content stays readable.

Your changes autosave in this browser, and the link above reproduces this exact configuration for anyone you send it to.

Live preview
Generated code
<template>
    <div class="studio-rich-text">
        <h3 class="studio-rich-text__heading">Release notes</h3>
        <lightning-formatted-rich-text value={content}></lightning-formatted-rich-text>
    </div>
</template>

Design tips for rich texts

  • Keep line-height above 1.5 for any paragraph of more than two sentences — tighter spacing hurts readability fast.
  • Use your primary brand color for links so rich text content still feels like part of the same product.
  • Sanitize any rich text value that comes from user input before rendering it — the generator’s output assumes trusted content.