{"id":101,"date":"2022-09-07T16:31:25","date_gmt":"2022-09-07T16:31:25","guid":{"rendered":"https:\/\/liviucerchez.com\/katerina\/?page_id=101"},"modified":"2022-09-24T14:11:38","modified_gmt":"2022-09-24T14:11:38","slug":"styleguide","status":"publish","type":"page","link":"https:\/\/liviucerchez.com\/katerina\/styleguide\/","title":{"rendered":"Styleguide"},"content":{"rendered":"\n

01. Grid<\/h2>\n\n\n\n
\n
\n
<\/div>\n<\/div>\n\n\n\n
\n
<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
<\/div>\n<\/div>\n\n\n\n
\n
<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
<\/div>\n<\/div>\n\n\n\n
\n
<\/div>\n<\/div>\n<\/div>\n\n\n\n

02. Colors<\/h2>\n\n\n\n
\n
\n
Accent<\/h5>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n
Complementary<\/h5>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n
Tertiary<\/h5>\n\n\n\n

<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
Header<\/h5>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n
Text<\/h5>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

\n
Border<\/h5>\n\n\n\n

<\/p>\n<\/div>\n<\/div>\n\n\n\n

03. Typography<\/h2>\n\n\n\n

Body: System default stack<\/h4>\n\n\n\n
\n
\n
AaZz<\/div>\n

Regular<\/p>\n<\/div>\n\n\n\n

\n
AaZz<\/div>\n

Bold<\/p>\n<\/div>\n<\/div>\n\n\n\n

Headings: Questa Grande<\/h4>\n\n\n\n

AaKkZz<\/h2>\n\n\n\n
<\/div>\n\n\n\n
\n
\n

Display<\/strong>
Size: 45px \u2014 L-Height: 1.15 (52px)<\/span><\/p>\n<\/div>\n\n\n\n

\n

Display<\/h1>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Heading H1<\/strong>
Size: 37px \u2014 L-Height: 1.15 (43px)<\/span><\/p>\n<\/div>\n\n\n\n

\n

Heading 1<\/h1>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Heading H2<\/strong>
Size: 31px \u2014 L-Height: 1.15 (36px)<\/span><\/p>\n<\/div>\n\n\n\n

\n

Heading 2<\/h2>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Heading H3<\/strong>
Size: 26px \u2014 L-Height: 1.15 (30px)<\/span><\/p>\n<\/div>\n\n\n\n

\n

Heading 3<\/h3>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Heading H4<\/strong>
Size: 22px \u2014 L-Height: 1.15 (25px)<\/span><\/p>\n<\/div>\n\n\n\n

\n

Heading 4<\/h4>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Heading H5<\/strong>
Size: 18px \u2014 L-Height: 1.35 (24px)<\/span><\/p>\n<\/div>\n\n\n\n

\n
Heading 5<\/h5>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Heading H3<\/strong>
Size: 13px \u2014 L-Height: 1.35 (18px)<\/span><\/p>\n<\/div>\n\n\n\n

\n
Heading 6<\/h6>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Body \/ Paragraph<\/strong>
Size: 15px \u2014 L-Height: 1.6 (24px)<\/span><\/p>\n<\/div>\n\n\n\n

\n

Whenever I go back to the guest house<\/ins> during the morning<\/em> to copy the contract, the gentlemen<\/strong> are still there eating<\/mark> their breakfasts.<\/p>\n<\/div>\n<\/div>\n\n\n\n

04. Table<\/h2>\n\n\n\n

Try this responsive table on different screen sizes and you’ll be amazed:<\/p>\n\n\n\n

\n\n\n
Company<\/th>Contact<\/th>Country<\/th><\/tr><\/thead>\n
Alfreds Futterkiste<\/td>Maria Anders<\/td>Germany<\/td><\/tr>\n
Ernst Handel<\/td>Roland Mendel<\/td>Austria<\/td><\/tr>\n
Island Trading<\/td>Helen Bennett<\/td>UK<\/td><\/tr>\n
Magazzini Alimentari Riuniti<\/td>Giovanni Rovelli<\/td>Italy<\/td><\/tr>\n<\/tbody>\n<\/table>\n<\/figure>\n\n\n\n

05. Buttons<\/h2>\n\n\n\n

Regular<\/a> Filled<\/a> Primary<\/a> Secondary<\/a> Info<\/a> Small<\/a> Small filled<\/a> Small primary<\/a> Small sec.<\/a> Small info<\/a><\/p>\n\n\n\n

06. Media<\/h2>\n\n\n\n
\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/figure>\n\n\n\n

07. Alignment<\/h2>\n\n\n\n

The image block can be left, right or center aligned.<\/strong> Interactively drive long-term high-impact process improvements after robust e-commerce. Intrinsicly deploy granular technologies after client-centric growth strategies. Authoritatively embrace.<\/p>\n\n\n\n

Wide image<\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Left aligned image<\/h4>\n\n\n\n
\"\"
Adipiscing arcu etiam<\/figcaption><\/figure>\n\n\n\n

Objectively morph e-business synergy through prospective markets. Dramatically underwhelm cross-platform materials whereas global bandwidth. Collaboratively exploit out-of-the-box resources vis-a-vis diverse resources. Credibly streamline proactive scenarios through scalable channels. Quickly reconceptualize flexible processes. Vivamus cursus tempor sem, et pulvinar velit egestas. Nunc eleifend felis porttitor libero volutpat, porta feugiat ex ornare. Quisque sit amet lorem.  Nunc eleifend felis porttitor libero volutpat, porta feugiat ex ornare. Quisque sit amet lorem nulla. Nulla convallis placerat dui et sagittis. Maecenas sagittis sem arcu. Fusce rhoncus elementum rutrum. Mauris aliquet sapien et mauris tristique lobortis. Aenean at dictum ligula, id semper velit.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Right aligned image<\/h4>\n\n\n\n
\"\"
Aliquam enim ut<\/figcaption><\/figure>\n\n\n\n

Nullam venenatis viverra mauris vel volutpat. Sed egestas tortor in massa efficitur, et posuere tellus ornare. Ut id enim ante. Donec vehicula diam in lacus fermentum, vel pulvinar ligula hendrerit. Phasellus dignissim odio vel mauris sodales, eget suscipit nibh aliquam. Phasellus rutrum risus eget lectus mollis, et ultrices leo ultricies. Vivamus cursus tempor sem, et pulvinar velit egestas. Nunc eleifend felis porttitor libero volutpat, porta feugiat ex ornare. Quisque sit amet lorem.  Nunc eleifend felis porttitor libero volutpat, porta feugiat ex ornare. Quisque sit amet lorem nulla. Nulla convallis placerat dui et sagittis. Maecenas sagittis sem arcu. Fusce rhoncus elementum rutrum.<\/p>\n","protected":false},"excerpt":{"rendered":"

01. Grid 02. Colors Accent Complementary Tertiary Header Text Border 03. Typography Body: System default stack AaZz Regular AaZz Bold Headings: Questa Grande AaKkZz DisplaySize: […]<\/p>\nView page<\/use><\/svg><\/a>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-101","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/liviucerchez.com\/katerina\/wp-json\/wp\/v2\/pages\/101","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liviucerchez.com\/katerina\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liviucerchez.com\/katerina\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liviucerchez.com\/katerina\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/liviucerchez.com\/katerina\/wp-json\/wp\/v2\/comments?post=101"}],"version-history":[{"count":0,"href":"https:\/\/liviucerchez.com\/katerina\/wp-json\/wp\/v2\/pages\/101\/revisions"}],"wp:attachment":[{"href":"https:\/\/liviucerchez.com\/katerina\/wp-json\/wp\/v2\/media?parent=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}