templates/templates/styleguide/style-image.html.twig line 1

Open in your IDE?
  1. {% extends "layouts/master.html.twig" %}
  3. {% block bodyClass %}tpl-generic-page{% endblock %}
  7. {% block pageHeader %}
  8.     {% include 'molecules/page-header.html.twig' with {
  9.         breadcrumb: [
  10.             { path: path('index'), title: 'Libro de estilo web da USC' }
  11.         ],
  12.         title: 'Imaxe'
  13.     } %}
  14. {% endblock %}
  16. {% block pageContent %}
  17.     <article class="generic-page-wrapper">
  18.         <div class="generic-page-intro">
  19.             <div class="at-lead-text">
  20.                 <p>O sistema de deseño está construído seguindo as metodoloxías mobile-first e atomic-design que deben seguir rexendo futuros desenvolvementos e aplicarse ás páxinas de información para a comunidade, intranet, microwebs e calquera outro servizo online da universidade.</p>
  21.             </div>
  22.         </div>
  23.         <div class="generic-page-content">
  26.             <div class="org-content-block">
  29.                 <div class="content-block-content-wrapper">
  30.                     <p>Todos os estilos gráficos, elementos de maquetación e follas de estilo para construír páxinas da web externa da USC están recollidos no manual de frontend.</p>
  31.                 </div>
  32.             </div>
  34.             <div class="org-content-block">
  35.                 <div class="content-block-content-wrapper">
  36.                   <h3> Uso da cor como valor semántico.</h3>
  37.                   <p>Para distinguir as grandes áreas da web externa, estableceuse unha paleta de cores básica a partir da cor principal de identidade da USC que se pode empregar noutras aplicacións sempre que non colisione cos usos establecidos na web externa. </p>
  39.                   <h3>Tipografía.</h3>
  40.                   <p>IBM Plex é unha super-familia tipográfica desenvolta para a a compañía informática IBM en 2018. Está composta por tres ramas: un pau seco (sans serif), unha romana (serif) e unha monoespaciada (monospace), con múltiples pesos cada unha que aseguran poder seguir desenvolvendo o sistema de deseño da USC con coherencia. Para o deseño da web externa da universidade empregáronse as romanas na súa maior parte, exceptuando algúns apoios informativos e de navegación nos que se empregou o pau seco. </p>
  42.                   <h3>Fotografía e vídeo</h3>
  43.                   <p>A produción de fotografía e vídeo debe ser consonante coas voces e tons establecidos nos puntos anteriores. Non se debe aplicar ningún tratamento de cor non naturalista sobre as imaxes fóra dos que están incorporados nas follas de estilo CSS do manual de frontend. </p>
  48.         </div>
  49.     </article>
  50. {% endblock %}
  52. {% block siteFooter %}
  53.     {% include 'organisms/site-footer.html.twig' %}
  54. {% endblock %}