Skip to main content
Formatting and styling text

Explore the different options for formatting your Experience content

Chameleon Team avatar
Written by Chameleon Team
Updated over a week ago

With Chameleon, you can always deliver engaging and easy-to-digest messages. In any Experience you create, you have multiple options to format your Body and Title components, as well as Item names or descriptions from the Builder.


Availability & Usage

🔐 Available for Startup, Growth, Enterprise

⚙️ Use from the Builder


Formatting your Body & Title

For each Body and Title component in the Builder, you'll have some useful options to format and customize your text. With each of these, you can:

  • set the alignment

  • make the text bold, italic, set different headers, or add hyperlinks

  • update the colors of the text and links

  • set the text size

👉 Learn more about customizing Titles in Launchers, which are slightly different to ensure they serve their purpose.

You can also format the text within your Experiences using Markdown - a simple code for styling your text. Use this to make your content engaging and to the point.

When updating values in PX or % from the Builder, you can hold down Shift on your keyboard to increase/decrease the values by tens.

Markdown options

Text effects

  • Bold: **text** 

  • Italic: *text* or _text_ 

  • Strikethrough: ~~text~~ 

  • Code word: `text`

Links

  • Hyperlink: [text](link URL)

Extra line breaks are NOT collapsed as they would in traditional markdown.

Paragraph formatting

  • Horizontal rule (line): *** (three asterisks) or ___ (three underscores) on its own line.

This generates a <hr> tag and remember you can use line breaks above and below for better spacing.

Headers

  • Header 1 (largest font size): # text 

  • Header 2 (second largest font size): ## text 

  • ...

  • Header 6 (smallest font size): ###### text 

  • Bulleted list: - text 

  • Numbered list: 1. text  

  • Second indent: leave a space before the dash or number

Ensure there is a return (line break) above the list start, and that there is space between the dash or number and text.

Alignment

  • Left aligned: nothing -- this is the default

  • Right aligned: => text

  • Center aligned: =| text

Did you know? 🤓

Markdown was created in 2004 to provide greater readability and flexibility for text formatting. Many other products, such as Github, Slack, and Trello use a version of it too!


Enrich your copy

No doubt most of us are used to short-form communication, including emojis, which are a good way to show more personality. You can use emojis in your content to connect easier to your audience and deliver easier-to-digest information.

Chameleon supports emojis and we encourage you to use them to give your copy a special touch. To use emojis, you can use the built-in emoji selector that's available to you:

  • On Mac, press CTRL + CMD + Space.

  • On Windows, press Win + . or Win + ;.

From the Chrome browser, you can also access this selector by right-clicking the page and selecting the Emoji & Symbols option.

A good set of emojis can communicate the same message quicker, or in a more efficient way. Get creative with your copy and engage users with personality 😉

👉 Explore how you can use our AI assistant to improve the format and tone of your content in Chameleon

Did this answer your question?