Text formatting and styles
Unlike a lot of other networks, we have a large range of formatting options. Our formatting rules are updated often, so as result check here for any changes. You can also check the bottom for the changelog.
Normal text formatting
| Style | Usage |
|---|---|
| Bold | ** Text to be formatted ** |
| Italic | // Text to be formatted // |
| Underline | __ Text to be formatted __ |
| Strikethrough | -- Text to be formatted -- |
URLs
URLs don't require any formatting rules to work. We automatically generate a preview of the site's contents such as the page title, image, and description. We do offer options to format the URL and change how it appears inside your post or comment.
| Format | Description |
|---|---|
(https://hey.cafe) |
Inserts only the page's title. |
( https://hey.cafe ) |
Only shows the URL. |
[Custom Title](https://hey.cafe) |
Inserts a custom title for the URL. |
Lists
You can create lists using *, however a blank line must be placed after each item except for the final item.
Example:
* Item
* Another Item
* Wait another?
Sub List
With lists if you don't use double new lines between items they will be grouped under the main item it is under
If you do not include a blank line between each item, it will be grouped under the main item.
* Main Item #1
* Sub item #1
* Sub item #2
* Main Item #2
* Sub item #1
* Sub item #2
GIFs
Giphy links that end in .gif will automatically embed the GIF. For example, the following URL will embed a GIF into the conversation.
https://media.giphy.com/media/3oEjHI8WJv4x6UPDB6/giphy.gif
Quote text
This will create a quote block used for quotes.
|| Content here and it can be multi line! ||
Line breaks
Adds a horizontal line break to your post.
Note: You must include an extra empty line before and after the line break.
Usage:
Text with a line break below
---
More text separated from everything else.
Special Formatting
We offer special formatting codes to customize your posts even more!
| Format type | Description | Usage |
|---|---|---|
| Rainbow | Converts the text into a rainbow. | *_ Text here _* |
| Sticker | Converts the text into a colourful sticker. | !_ Text here _! |
Colour Text
We offer several different codes to add colours to your text! You can either use shortform codes for our default colour palette, or use hexadecimal codes.
Note: The colours will appear differently between light and dark modes for visibility.
| Colour (Light Mode) | Colour (Dark Mode) | Usage |
|---|---|---|
| #9E721F Sample | #FFFFC9 Sample | *_c1 Text here! _* |
| #4600A1 Sample | #F0A7FF Sample | *_c2 Text here! _* |
| #001B85 Sample | #99C5FF Sample | *_c3 Text here! _* |
| #002E0C Sample | #A5D8B6 Sample | *_c4 Text here! _* |
| #8C2A4E Sample | #FFD4F8 Sample | *_c5 Text here! _* |
| #8F4821 Sample | #FFF2CB Sample | *_c6 Text here! _* |
| #690000 Sample | #FFA387 Sample | *_c7 Text here! _* |
| #345F96 Sample | #DEFFFF Sample | *_c8 Text here! _* |
| #175C35 Sample | #C1FFDF Sample | *_c9 Text here! _* |
Highlighting Text
As well as colouring text, you can highlight it! Highlighting text follows the same rules as colouring it, however the format is slightly different. To hightlight, follow this format: ==cX Sample text! ==. Replace the 'X' with one of the codes from above to use a colour from our site palette. If you do not set the colour we will use c1 for example with == Sample text! ==.
| Colour (Light Mode) | Colour (Dark Mode) | Usage |
|---|---|---|
| Text Sample | Text Sample | ==c1 Text here! == |
| Text Sample | Text Sample | ==c2 Text here! == |
| Text Sample | Text Sample | ==c3 Text here! == |
| Text Sample | Text Sample | ==c4 Text here! == |
| Text Sample | Text Sample | ==c5 Text here! == |
| Text Sample | Text Sample | ==c6 Text here! == |
| Text Sample | Text Sample | ==c7 Text here! == |
| Text Sample | Text Sample | ==c8 Text here! == |
| Text Sample | Text Sample | ==c9 Text here! == |
Custom Colour Codes
We also offer the ability to utilise hexcodes so you can use colours outside of our default palette.
Note: The colours will not self-adjust between light and dark mode when using custom codes for text. However due to the way backgrounds render it will be lighter on light mode and darker on dark mode for custom highlight colours.
The format for custom codes in text is: *_XXXXXX _*. Replace "XXXXXX" with the hexcode for the intended colour. For example, to replicate "c1" the format is *_9E721F Sample! _*.
The rule applies to highlighting text and follows this format: ==XXXXXX Sample text! ==. Replacing "XXXXXX" will highlight with the given hexcode with a transparency added. For example, to highlight using colour "c1" use ==F3C774 Sample text! ==.
Superscript and subscript
Formatting codes have been added to allow for superscript and subscript text.
| Type | Usage |
|---|---|
| Superscript | Text^- super -^ |
| Subscript | Text^_ sub _^ |
Headers
Main Heading
## Content here ##
Sub Heading
### Content here ###
Sub Heading 2
#### Content here ####
Sub Heading 3
##### Content here #####
Code Block
Not only can you provide code, but you can add the short codes :tab:, :tick:, or :hashtag: to allow special formatting in your code to render correctly.
- Single line code:
` code here ` - Multi-line code:
`` Content here and
it can be multi
line!
``
Reveal / Spoilers Block
Hides content unless a user clicks the button to show the content. You can also add {media_spoiler} anywhere in your content to blur the attached media.
---- Content here and it can be multi line! ----
Tags and mentions
| Usage | Description |
|---|---|
@username |
Tags a user. |
!alias |
Tags a café (but does not ping anyone) |
Uploaded File Location
Inside this block, replace FILENAMEHERE with the name of one of the files you uploaded for your conversation to render it in that location instead of at the bottom.
{file:FILENAMEHERE.jpg}
Personal Site Formatting
Your personal site, which can be found using https://USERNAME.myhey.cafe, can have special formatting. You can include <script> and <style> blocks that will only render on your personal site.
You can also use the main level tag tag to separate sections in different bubble boxes.
Recent Changes
2026-04-15: Reformatted the page.
Jan 4th 2026: We updated the format for italic from 2 underscores to 2 slashes on each side of the text. This change makes it so that the underscores can be used for underline text. Also added strike text using 2 dashes in the process of adding underline.