Colors

#ffc300
#000000
#c7c7c7
#e1e1e1
#ededed
yellow
black
grey_1
grey_2
grey_3

Breadcrumbs

Text scaling

Heading One

heading Two

Heading Three

Heading Four

Heading Five
<h1>Heading One</h1>

<h2>heading Two</h2>

<h3>Heading Three</h3>

<h4>Heading Four</h4>

<h5>Heading Five</h5>

Regular text

Semibold text

Bold text

Regular link

Link with text color

<p>Regular text</p>

<p class="font-semibold">Semibold text</p>

<p class="font-bold">Bold text</p>

<p><a href="#">Regular link</a></p>

<p><a href="#" class="link-black">Link with text color</a></p>

Input elements

Regular input
<input type="text" placeholder="Regular input">
Round input
<input class="input-round" type="text" placeholder="Round input">
Textarea
<textarea></textarea>
Regular select
<div class="input-label">Regular select</div>
<select>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>   
<div>
    <input id="checkboxSammple" type="checkbox">
    <label for="checkboxSammple">Checkbox</label>
</div>
Buttons
Small button Small button with icon Button with icon
<a class="btn btn-small" href="#">Small button</a>

<a class="btn btn-small btn-icon mail" href="#">Small button with icon</a>  

<input class="btn" type="button" value="Simple button">

<a class="btn btn-icon download" href="#">Button with icon</a>
Button Icons
arrow-right arrow-left arrow-down arrow-up arrow-right-double download mail reset checkmark close add add-black search plane cart
<a class="btn btn-small btn-icon arrow-right" href="#"a>arrow-right</a>

<a class="btn btn-small btn-icon arrow-left" href="#"a>arrow-left</a>

<a class="btn btn-small btn-icon arrow-down" href="#"a>arrow-down</a>

<a class="btn btn-small btn-icon arrow-up" href="#"a>arrow-up</a>

<a class="btn btn-small btn-icon arrow-right-double" href="#"a>arrow-right-double</a>

<a class="btn btn-small btn-icon download" href="#"a>download</a>

<a class="btn btn-small btn-icon mail" href="#"a>mail</a>

<a class="btn btn-small btn-icon reset" href="#"a>reset</a>

<a class="btn btn-small btn-icon checkmark" href="#"a>checkmark</a>

<a class="btn btn-small btn-icon close" href="#"a>close</a>

<a class="btn btn-small btn-icon add" href="#"a>add</a>

<a class="btn btn-small btn-icon add-black" href="#"a>add-black</a>

<a class="btn btn-small btn-icon search" href="#"a>search</a>

<a class="btn btn-small btn-icon plane" href="#"a>plane</a>

<a class="btn btn-small btn-icon cart" href="#"a>cart</a>
Small icon buttons
<a href="#" class="btn-icon icon-black download"></a>

<a href="#" class="btn-icon icon-black cart"></a>

<a href="#" class="btn-icon icon-black checkmark"></a>

<a href="#" class="btn-icon icon-black mail"></a>

<a href="#" class="btn-icon icon-black close"></a>

CMS page sample h1

Espacio de valor Pick&Mix. El expositor de tornillos, atrae consumidores al punto de venta con una nueva experiencia de consumo, más accesible y dinámica.

Example for heading 2:

  • ¿Sigue vendiendo tornillos sueltos?
  • ¿Le es rentable este tipo de venta?
  • ¿Tiene problemas de control, de cajas abiertas?
  • ¿Conoce la rentabilidad y margen del tornillo suelto que vende?

La solución a estas preguntas: El expositor de tornillos CELO para la venta unitaria y de autoservicio.

Tornillos a Granel

Example for heading 4:

Estudiamos, diseñamos y implantamos según sus necesidades. Nuestro equipo propio hace el estudio y personaliza el espacio según los metros disponibles, situación en la tienda, flujo de gente y ventas.

Contáctenos y le asesoraremos proporcionándole un planograma con sus referencias.