Blog Components

Client-First Docs

HTML Table Tags
There is a table styled using CSS, with all styles applied via attributes. Update the styles directly within the <style> tag inside the embed. Once you’re done styling, copy the entire <style> block from the embed and paste it into the <head> of the target page. Finally, copy the full HTML starting from the .table-container element, including all its content.

Table

Requirements
Requirements	Heading	Heading	Heading
Heading	Heading	Heading	Heading
Heading	Heading	Heading	Heading
Heading	Heading	Heading	Heading

Marketing Banners
Custom-made and styled marketing banners and elements are available for use. Each banner comes with pre-made classes, which you can use and further customize as needed.
Once your banner is styled, copy the full HTML directly from your browser’s Inspect tool. Start copying from the outer <div> with the class blog_inner-cta-component-1 and share the HTML with the client or marketing team.
📄 Example of a well-structured deliverable:Google Docs Example

Important Notes:These elements are placed inside a Rich Text block, which means they inherit the default styles of the rich text. To avoid styling conflicts, custom classes must be used for buttons and optionally for paragraphs and bullet lists, depending on the design needs. Add any necessary overrides with !important to the global embed on the page. For example:
.blog-banner-button {
color: var(--base-color-neutral--black) !important;
text-decoration: none !important;
font-weight: 400 !important;
}
.blog_inner-cta-component-1 p,
.blog_inner-cta-component-2 p,
.blog_inner-callout p {
margin: 0 !important;
padding: 0 !important;
}

Gated Content Banner Headline Stays Here

Subheading stay here

Button

Headline Stays Here

Some text encouraging to look at some solutions in the webite.

Button

Gated Content Banner Headline Stays Here

Subheading stay here

Bullet Text
Bullet Text
Bullet Text

Callouts‍

This is Important

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Tips and tricks

This is a Note