{"id":355,"date":"2018-10-30T16:53:23","date_gmt":"2018-10-30T19:53:23","guid":{"rendered":"https:\/\/www.ufsm.br\/orgaos-suplementares\/cpd\/sitios\/?page_id=355"},"modified":"2021-01-27T15:22:23","modified_gmt":"2021-01-27T18:22:23","slug":"layouts-institucionais","status":"publish","type":"page","link":"https:\/\/www.ufsm.br\/orgaos-suplementares\/cpd\/sitios\/layouts-institucionais","title":{"rendered":"Padroniza\u00e7\u00e3o Geral de Layouts"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

TAMANHO DAS IMAGENS DOS BANNERS<\/b><\/p>

A imagem escolhida deve estar em formato JPG, GIF ou PNG e ter no m\u00e1ximo 2MB. A dimens\u00e3o recomendada \u00e9 de 1024×270 pixels.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

TAMANHO DAS IMAGENS NAS NOT\u00cdCIAS<\/b><\/p>

As imagens\/fotografias das not\u00edcias devem ter qualidade m\u00ednima de 150×200 pixels, em JPG ou PNG.<\/span><\/p>

CORES DOS \u00cdCONES<\/b><\/p>

As cores de todos os \u00edcones que est\u00e3o presentes no s\u00edtio da UFSM devem usar o c\u00f3digo de cor #204c90.<\/span><\/p>

TAMANHO DO BANNER PARA EVENTOS<\/b><\/p>

A medida do banner para o cadastro do formul\u00e1rio de eventos \u00e9 de 1200×444 pixels. <\/span><\/p>

PADRONIZA\u00c7\u00c3O DA FONTE\/COR PARA T\u00cdTULOS <\/b><\/p>

O t\u00edtulo possui automaticamente o tamanho de 18px, sob a \u00a0cor de c\u00f3digo #015a87.<\/span><\/p>

N\u00daMERO DE CARACTERES PARA T\u00cdTULOS<\/b><\/p>

Para uma melhor visualiza\u00e7\u00e3o das not\u00edcias no portal geral da UFSM, atrav\u00e9s dos destaques, orienta-se que o t\u00edtulo da not\u00edcia n\u00e3o ultrapasse 150 caracteres.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

PADRONIZA\u00c7\u00c3O DA FONTE\/COR PARA CONTE\u00daDOS EM CORPO DE TEXTO<\/b><\/p>

A fonte padronizada para os s\u00edtios da UFSM \u00e9 a Open Sans, tamanho 12px, cor #000000.<\/span><\/p>

CORES DOS LINKS NO CORPO DO TEXTO<\/b><\/p>

A cor utilizada para destacar os links no corpo do texto se refere ao c\u00f3digo\u00a0<\/span>#0a6cff, 12px, Open Sans.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

CORES PADR\u00c3O PARA BOT\u00d5ES, TABELAS, DESTAQUES<\/b><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t

PADRONIZA\u00c7\u00c3O DOS \u00cdCONES <\/b><\/p>\n

Orienta-se que os \u00edcones sejam padronizados por tem\u00e1tica em todos os s\u00edtios da UFSM. Exemplo: o \u00edcone utilizado para \u201ceditais\u201d na capa do portal geral deve ser o mesmo utilizado para \u201ceditais\u201d dentro do s\u00edtio das Pr\u00f3-Reitorias. A quantidade de \u00edcones depende de sua diagrama\u00e7\u00e3o.
<\/span><\/p>

Orienta-se que as colunas e as linhas com \u00edcones sejam alinhadas, sem que haja espa\u00e7os em branco. Os espa\u00e7os em branco prejudicam a acessibilidade do site. Confira os exemplos abaixo.<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

TAMANHO DAS IMAGENS DOS BANNERS A imagem escolhida deve estar em formato JPG, GIF ou PNG e ter no m\u00e1ximo 2MB. A dimens\u00e3o recomendada \u00e9 de 1024×270 pixels. TAMANHO DAS IMAGENS NAS NOT\u00cdCIAS As imagens\/fotografias das not\u00edcias devem ter qualidade m\u00ednima de 150×200 pixels, em JPG ou PNG. CORES DOS \u00cdCONES As cores de todos […]<\/p>\n","protected":false},"author":201,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-355","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ufsm.br\/orgaos-suplementares\/cpd\/sitios\/wp-json\/wp\/v2\/pages\/355","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ufsm.br\/orgaos-suplementares\/cpd\/sitios\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ufsm.br\/orgaos-suplementares\/cpd\/sitios\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ufsm.br\/orgaos-suplementares\/cpd\/sitios\/wp-json\/wp\/v2\/users\/201"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ufsm.br\/orgaos-suplementares\/cpd\/sitios\/wp-json\/wp\/v2\/comments?post=355"}],"version-history":[{"count":0,"href":"https:\/\/www.ufsm.br\/orgaos-suplementares\/cpd\/sitios\/wp-json\/wp\/v2\/pages\/355\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.ufsm.br\/orgaos-suplementares\/cpd\/sitios\/wp-json\/wp\/v2\/media?parent=355"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ufsm.br\/orgaos-suplementares\/cpd\/sitios\/wp-json\/wp\/v2\/categories?post=355"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ufsm.br\/orgaos-suplementares\/cpd\/sitios\/wp-json\/wp\/v2\/tags?post=355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}