Example - Rhapsody

This is a paragraph

Use this to explain something. Provide as many details as possible. Provide examples, guidelines, best practice. Illustrate your example with screenshot or video.

This is a bullet list

It gives structured of what you want to explain:

List item one
List item two
List item tree

This is a numbered list

Perfect to guide a user:

List item one
List item two
List item tree

Those are Buttons

If you want to redirect a user to a specific page:

More info More info More info More info More info More info

Those are Small buttons

Use these kind of button at the end of a container for external additional help:

More info More info More info More info More info More info

Font Awesome icons

Illustrate your text with icons. It’s fun and less boring to read! Find the icon your need on FontAwesome.com.

Emojis

Feel free to also add native emojis on your paragraph 😀

Divider

If your post contains independent sections, you can separate them using a divider:

Alerts

You have an important information to share? Use those alert styled containers to help user identify at glance what he needs to read:

Did you know? : The eye glass icon on an invite card means the musician received the email and opened the invite.

Comments : After this operation, you should have received an email. Check your inbox and click on the link. Check your spams if you can’t find the email.

Important: Before archiving a session, make sure you have generated the payroll form.

Be Careful: Avoid direct communication with musicians outside Rhapsody. If a musician declines by giving you a phone call, ask him to answer the email so you have a tracability and a proof of answer.

You did it!: You just sent out your first work call with Rhapsody!

Screenshots

They are key for users to understand what you are talking about. Use the official Apple screenshot tool to snap a window. To make sure all our screenshots are consistent, please make sure :

The size of the window is 1440x900px. You can use this Chrome extension to help you resizing the page perfectly.
You are in light mode.
You are using a neutral Google profile. We don’t want to see your bookmarks or plugins.
Capture the entire window (we should see the URL).

Don’t hesitate to draw on/edit a screenshot to help the user focus on the most important area. This is what a good screenshot should look like:

Videos

If you want to record you screen, we can easily embed a Youtube video in a page: