Este es un sitio estilo One Page de colores pastel, el proyecto 12 del reto personal #100sitioswebchallenge
Puedes visualizar el sitio en: Activity
DESAFÍOS
En este sitio juego un poco con los íconos y colores para crear un estilo estético entre el contraste de un fondo oscuro y colores pastel. La separación de cada una de las tarjetas en el showcase sigue siendo a través de floats right y left con el propósito de hacer un sitio lo más sencillo posible con el objetivo de seguir practicando.
PROCESO
Paleta de colores y estilos
Paleta de colores: 0E0A1F B8FFE2 98FBFF F3F3F3 F6B3B8
Tipografía:
Mockup (Bosquejo)
Antes que nada empiezo a bosquejar el sitio en Figma, del lado derecho el sitio lo más simple posible y después le agrego un poco de color.
HTML y CSS
Aquí está el proceso de la creación del sitio, primero maquetado con HTML y finalmente con estilos CSS.
Sitio maquetado con HTML
Sitio estilizado con CSS
Sitio web responsivo
Así es como responde el sitio cuando se ve en pantallas más chicas
Publicación del sitio
Consulta el código del sitio en Github
Puedes visualizar el sitio en: Activity
Información técnica
- Visual Studio Code
- HTML5 (Semántico)
- CSS
- Sitio responsivo
- Github
- Netlify
Recursos
Este fue el sitio one page hecho con color pastel. Déjame tus dudas o comentarios.