Type Elements
Welcome to the formatting page.
These are the style guidelines and design elements that you have available as the author and artist of melodylinesmusic.com
Color Palette
The View Inside Me Color PalletteThe five colors that are used on this site are #444444, #333333, #777777, #e5e271, and #ffffff.
Fonts
Logo: segeo UI, Ariel, sans-serif
Headlines: segeo UI, Ariel, sans-serif
Body: segeo UI, Ariel, sans-serif
Post Images
Post Image
The optimal size for all post images is a square 900 pixels wide by 900 pixels high. The CSS will re-size the images appropriately, but it should never exceed 900 pixels wide.
And it should always have a transparent, rather than white, background.
In-Content Images
Image with a caption. Add the caption from the Insert Media area.
Image with a caption. Add the caption from the Insert Media area.
The optimal size for all in-content images is at least 900 pixels wide. The CSS will re-size the images to 100% of the column width.
Intro Paragraph
This is an intro paragraph. As of this publish date, there is no additional styling for intro paragraphs, but include the intro paragraph tags on every post in case you want to style the first paragraph of an article in the future.
Blockquotes
This is a blockquote. Use blockquotes to style a quote within a post. This is the second line of the blockquote.
You can even include multiple paragraphs within a single blockquote.
Ordered List
- Item 1
- Item 2
- Item 3
Unordered List
- Item 1
- Item 2
- Item 3
Note
This paragraph is styled as a note. Use notes for Editor’s Notes or to subtly attract attention.
Alert
This paragraph is styled as an alert. Use alerts to announce something or otherwise attract immediate attention.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
H1 tags are restricted to the article headline. Use H2 tags for sub-headlines within the content. If you have a sub-sub-headline, use H3 tags. The others are there just in case Marc goes sub-headline crazy.