{"id":21,"date":"2020-11-26T17:26:33","date_gmt":"2020-11-26T17:26:33","guid":{"rendered":"https:\/\/demo.osompress.com\/uprising\/style-guide\/"},"modified":"2020-11-26T17:26:33","modified_gmt":"2020-11-26T17:26:33","slug":"style-guide","status":"publish","type":"page","link":"https:\/\/demo.osompress.com\/uprising\/style-guide\/","title":{"rendered":"Style Guide"},"content":{"rendered":"\n

Style Guide<\/h1>\n\n\n\n

Below are examples of column classes that are available in the block editor.<\/p>\n\n\n\n

\n
\n

This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. <\/p>\n<\/div>\n\n\n\n

\n

This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what exactly is on your mind. <\/p>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.<\/p>\n\n\n\n

Colors<\/h2>\n\n\n\n
\n
\n

#FFF<\/p>\n<\/div>\n\n\n\n

\n

#323B3C<\/p>\n<\/div>\n\n\n\n

\n

#516163<\/a><\/p>\n<\/div>\n\n\n\n

\n

#63b2bb<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n

Typography<\/h2>\n\n\n\n

Default size (16px):
<\/span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.<\/p>\n\n\n\n

Small size (14px):<\/span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.<\/p>\n\n\n\n

Large size (20px):<\/span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.<\/p>\n\n\n\n

Larger size (24px)<\/span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.<\/p>\n\n\n\n

\n\n\n\n

Headings<\/h2>\n\n\n\n
\n
\n

H2 Arsenal 36px<\/h2>\n\n\n\n

H3 Arsenal 30px<\/h3>\n\n\n\n

H4 Arsenal 28px<\/h4>\n<\/div>\n\n\n\n
\n

Open Sans 14px<\/p>\n\n\n\n

Open Sans 16px<\/p>\n\n\n\n

Open Sans 20px<\/p>\n\n\n\n

Open Sans 24px.<\/p>\n<\/div>\n<\/div>\n\n\n\n

Buttons<\/h2>\n\n\n\n
Button
<\/a><\/div>\n\n\n\n
Outlined Button
<\/a><\/div>\n\n\n\n
\n\n\n\n

Blockquotes & Pullquotes<\/h2>\n\n\n\n

Good design is as little as possible. Less, but better, because it concentrates on the essential aspects. Back to purity, back to simplicity. <\/p>
Dieter Rams<\/cite><\/blockquote><\/figure>\n","protected":false},"excerpt":{"rendered":"

Style Guide Below are examples of column classes that are available in the block editor. This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to […]<\/p>\n","protected":false},"author":2,"featured_media":22,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"osom_blocks_metabox":"","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"class_list":["post-21","page","type-page","status-publish","has-post-thumbnail","entry"],"featured_image_src":"https:\/\/demo.osompress.com\/uprising\/wp-content\/uploads\/sites\/3\/2020\/11\/page-featured-3-1-600x400.jpg","featured_image_src_square":"https:\/\/demo.osompress.com\/uprising\/wp-content\/uploads\/sites\/3\/2020\/11\/page-featured-3-1-600x600.jpg","_links":{"self":[{"href":"https:\/\/demo.osompress.com\/uprising\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.osompress.com\/uprising\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.osompress.com\/uprising\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.osompress.com\/uprising\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.osompress.com\/uprising\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":0,"href":"https:\/\/demo.osompress.com\/uprising\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo.osompress.com\/uprising\/wp-json\/wp\/v2\/media\/22"}],"wp:attachment":[{"href":"https:\/\/demo.osompress.com\/uprising\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}