How to Design Text

Co-creation-platform Hunts Content management

Lotta Strand

Article written by

Lotta Strand

Use Markdown language to ensue that your webpage content is easy to read and looks great.  Our Content Management System or CMS uses Hypertext Markdown Language to enable you to display your content in a visually pleasing manner.  Markdown language is easy to use and can be a great skill to add to your resume.  Below you’ll find a cheat sheet and instructions for editing your content using this type of simple coding.

Markdown Language Cheat Sheet


# = H1

## = H2

### = H3

Modifying Text

Bold = **Sample Text**

Italics = *Sample Text*

Unordered List = + Sample Text

Ordered Lists = 1. Sample Text

Hyperlinking Text: [Sample Text](

Instructions for editing Text


Headers are usually the first and second text elements on a page.  They help tell both your readers, and search engines, what your page content will be about.  It’s always a good idea to have a main header, your H1, and a sub header, your H2.  The H1 heading is the biggest text, and the headers get smaller in size and importance as the number gets larger, for example, H3, H4, and H5.  You should only have one H1 and H2 on your page.  This important for search engine optimization.  Consider using headers like H3 and H4 to break up page content and make it easier to read.  

Adding the coding to make a line of text a header is easy.  We’ll use the text “Sample Text” to demonstrate. To make this text a header, we must add a “#” symbol, and then a space before the text. 

H1 looks like this: “# Sample Text” when typed into the text editor. 

To make text and H2, add another “#” symbol. 

H2 looks like this: “## Sample Text” 

H3 looks like this: “### Sample Text”

And so on. 

Modifying Text: 

Adding elements like bolded or italicized text, ordered lists or bullet points can help break up large chunks of text and make it easier for people and search engines to read your webpage content. Let’s go over how to add some of these elements into your page.  We’ll continue to use the “Sample Text” to demonstrate. 

To bold a section of text, simply place two asterisks on either side of that section of text. 

Bold text looks like this: **Sample Text**

Italicizing text is very similar.  Instead of adding two asterisks, you simply add one. 

Italics looks like this: *Sample Text*


Adding lists is a great way to display important text, in an easy to read format.

To add unordered lists, or regular bullet points, use the “+” symbol and a space. 

Unordered Lists look like this: “+ Sample Text”

Ordered lists are created much in the same way, instead of the +, simply use numbers followed by a “.” 

Ordered Lists look like this: “1. Sample Text”. 

Another useful tool for providing additional information, linking to videos, to brochures or product specs, etc. is the hyperlink.  While you can always copy and past a full URL into the page, it doesn’t look quite as nice.  So let’s take a look at how to link text in your page. 

Creating a hyper link is a two part process in our CMS.  First, locate the text you’d like to link, and place brackets around that text.  Like this [Sample Text]. 

Immediately after the text that you’ve put into brackets, enter parentheses that contain the URL to which you would like to link.  Like this (  There’s no need to use quotation marks in this bit. 

Hyperlinks look like this: [Sample Text](

Try Svava today

The workshop app that helps your team reach better results faster.

Try it for free