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
<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.

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.