profesor y alumno

Guía de estilos

Esta es la guía de estilos de puntoyseguido en donde se muestra: tipografías, colores, bordes, ilustraciones, iconos, formularios y el layout de la plataforma.

Top

Familias tipográficas

Estas son las dos familias tipográficas que se utiliza en puntoyseguido

Light

abcdefghijklmnñopqrstuvwxyz
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
123456789//:;¡!'¿?

Regular

abcdefghijklmnñopqrstuvwxyz
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
123456789//:;¡!'¿?

Bold

abcdefghijklmnñopqrstuvwxyz
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
123456789//:;¡!'¿?

Light

abcdefghijklmnñopqrstuvwxyz
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
123456789//:;¡!'¿?

Regular

abcdefghijklmnñopqrstuvwxyz
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
123456789//:;¡!'¿?

Bold

abcdefghijklmnñopqrstuvwxyz
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
123456789//:;¡!'¿?

Tamaños y clases utilizados

En este apartado verán los distintos tamaños y clases utilizadas en la plataforma

Colores y bordes

En este apartado se muestran los colores y bordes que utiliza puntoyseguido

5px solid #00A6A5

2px solid #F15C22

2px solid #404041

2px solid rgba(51, 51, 51, 0.15)

Botones

En este apartado se muestran los diferentes tipos de botones que se utilizan en la plataforma

Ilustraciones

En este apartado verán las ilustraciones de nuestros personajes que hemos utilizado en la plataforma para crear más empatía con el usuario

profesor y alumno intercambia una comida Valorale busqueda gracias Personaje de la plataforma Personaje de la plataforma pasos

Iconografía

En este apartado verán los iconos clickeables, no clickeables y cada icono para cada detalle de la plataforma

1.Categorías

2.Disponibilidad de los creativos

3.Iconos de valoraciones

4.Iconos de nivel de programas informáticos

1.Categorías

2.Disponibilidad de los creativos

3.Iconos de valoraciones

4.Iconos de nivel de programas informáticos

  • conocimiento de 6/10

  • conocimiento de 6/10

  • conocimiento de 6/10

Otros iconos de la plataforma

Iconografía utilizada para:

Información del usuario

Información sobre el intercambio

Programas informáticos que se dominan

Links al portfolio del usuario

Imágenes de trabajos

Dudas publicadas por el usuario

Valoraciones recibidas

Mensaje recibido

No hay mensajes nuevos

Búsqueda

Cerrar / cancelar búsqueda

Lápiz para editar el perfil

Formularios

Podrán encontrar los formularios que utilizamos en la plataforma

Tablas

Podrán encontrar las tablas para marcar la disponibilidad de los usuarios

1. Tabla no clickeable utilizada para mostrar la disponibilidad de los usuarios

Lunes Martes Miércoles Jueves Viernes Sábado Domingo
Mañana
Tarde
Noche

Popups

En puntoyseguido se usan los siguientes popups:

Ver todos los popups

Pestañas

Verán las pestañas que se utilizan en el perfil del creativo

Valoraciones

Verán las valoraciones de cada creativo, se utilizan en el perfil y en el anuncio ampliado

Layout

Verán la retícula de toda la plataforma, los dos tipos de headers y el footer

Puntoyseguido ha utilizado el fundation5 para optimizar su grilla y crear una plataforma responsive

row

col-3

col-9

col-4

col-4

col-4

col-4

col-4

col-4

HEADER REGISTRADO