EDteam Styleguides

La presente guía de estilos define los componentes de diseño de EDteam y cómo implementarlos en nuestros productos.

Modelo de botón

Esta guia define el concepto visual, patrones de diseño y estructura para proyectos web en EDteam.

Esta guia se encuentra en constante actualización.

Colores

Principal

#007BDF

Sass name: $firstColor

CSS name: --first-color

Principal Alt

#006DC6

Sass name: $firstColorAlt

CSS name: --first-color-alt

Secundario

#00CBFF

Sass name: $secondColor

CSS name: --second-color

Secundario Alt

#00BFF0

Sass name: $secondColorAlt

CSS name: --second-color-alt

Terciario

#FF3C32

Sass name: $thirdColor

CSS name: --third-color

Terciario Alt

#FF2419

Sass name: $thirdColorAlt

CSS name: --third-color-alt

Enfásis

#FBA905

Sass name: $accentColor

CSS name: --accent-color

Enfásis Alt

#F1A000

Sass name: $accentColorAlt

CSS name: --accent-color-alt

Oscuro

#282D31

Sass name: $darkColor

CSS name: --dark-color

Oscuro Alt

#141618

Sass name: $darkColorAlt

CSS name: --dark-color-alt

Bordes

#DFE0E0

Sass name: $borderColor

CSS name: --border-color

Texto

#53575A

Sass name: $textColor

CSS name: --text-color

Body BG

#FAFDFF

Sass name: $bodyBg

CSS name: --body-bg

Tipografía

EDteam utiliza dos familias tipográficas en web, logotipo, posters y demás elementos gráficos

  • Open Sans (700)
    Encabezados, logo de EDteam y otros logos (EDgrid p.ej.) $body-font
  • Lato (400, 400i, 700)
    Contenidos, párrafos $heading-font

En la sección de tipografía se explica detalladamente su uso.