Cerrar

Styleguide

Colorpalette

Primary

.bg-color-primary
.bg-color-inside-primary

Secondary

.bg-color-secondary
.bg-color-inside-secondary

Palette 1

USE CLASS
.bg-color-palette-1
.bg-color-inside-palette-1

Palette 2

USE CLASS
.bg-color-palette-2
.bg-color-inside-palette-2

Palette 3

USE CLASS
.bg-color-palette-3
.bg-color-inside-palette-3

Palette 4

USE CLASS
.bg-color-palette-4
.bg-color-inside-palette-4

White: #fff

bg-color-cwhite
bg-color-inside-cwhite

Black #000

bg-color-cblack
bg-color-inside-cblack

Danger

USE CLASS
.bg-color-danger
.bg-color-inside-danger

Warning

USE CLASS
.bg-color-warning
.bg-color-inside-warning

Info

USE CLASS
.bg-color-info
.bg-color-inside-info

Success

USE CLASS
.bg-color-success
.bg-color-inside-success

Escala de grises

Lightest

USE CLASS
.bg-color-lightest
.bg-color-inside-lightest

Lighter

USE CLASS
.bg-color-lighter
.bg-color-inside-lighter

Light

USE CLASS
.bg-color-light
.bg-color-inside-light

Medium

USE CLASS
.bg-color-medium
.bg-color-inside-medium

Dark

USE CLASS
.bg-color-dark
.bg-color-inside-dark

Darker

USE CLASS
.bg-color-darker
.bg-color-inside-darker

Darkest

USE CLASS
.bg-color-darkest
.bg-color-inside-darkest

Backgrounds

BG 1

USE CLASS
.bg-color-bg-1
.bg-color-inside-bg-1

BG 2

USE CLASS
.bg-color-bg-2
.bg-color-inside-bg-2

 

BG 3

USE CLASS
.bg-color-bg-3
.bg-color-inside-bg-3

BG 4

USE CLASS
.bg-color-bg-4
.bg-color-inside-bg-4

Headings

H1.hero - heading

H1 - Menta heading

H2 - Menta heading

H3 - Menta heading

H4 - Menta heading

H5 - Menta heading
H6 - Menta heading

Text

xs – Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar. Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar. Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar.

sm – Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar. Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar. Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar.

md – Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar. Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar. Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar.

lg – Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar. Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar. Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar.

xl – Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar. Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar. Lorem fistrum por la gloria de mi madre esse jarl aliqua llevame al sircoo. De la pradera ullamco qué dise usteer está la cosa muy malar.

Section

.accent-color .muted

Forms - Ninja form

Forms - Ninja form .form-negative

Box shadow

Class a les columnes:

.bg-color-inside-cwhite
.box-shadow
.bg-color-inside-cwhite

Box shadow

Class a les columnes:

.bg-color-inside-cwhite
.box-shadow
.bg-color-inside-cwhite

.section

Add Your Heading Text Here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

A la columna: .bg-color-cwhite
A innersection: .section-no-gutter

TESTIMONIALES

Los visitantes nos dan la razón

4 ÁREAS PARA APROXIMARTE AL FUTURO DEL SECTOR

Graphispag process

Zona de demostración de procesos completos de producción.

Graphispag experience

Una zona donde ver, tocar e interactuar con las nuevas formas de comunicación, tecnología y contenidos digitales.

Graphispag talks

Espacios de diálogo donde compartir conocimiento, innovación, y las claves de la transformación del sector gráfico.

Graphispag village

Un espacio donde relajarse y relacionarse con todo el ecosistema de Graphispag 2019.

#COVIDFREEEVENT

Graphispag 2022 va a contar con todos los protocolos Covid, para que tu participación y la de tus clientes sea 100 % segura y rentable.

22.491
visitantes profesionales

0 %
Cataluña
0 %
Comunidad Valenciana
0 %
Comunidad de Madrid
0 %
Andalucía
0 %
País Vasco
0 %
Aragón
0 %
Baleares
0 %
Galicia
0 %
Canarias
0 %
Resto de España
0 %
Internacional
(Portugal, Alemania, Francia, Italia y Andorra. Fuera de EU: Argelia, China, Nigeria y EE.UU)

Este form no es template

NEWSLETTER

SIGUE DE CERCA #GRAPHISPAG22

NEWSLETTER

SEGUEIX DE PROP #GRAPHISPAG22

NEWSLETTER

STAY TUNED #GRAPHISPAG22

Form pasado a template - ES

NEWSLETTER

SIGUE DE CERCA #GRAPHISPAG22