Sitio One Page de colores pastel

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 final

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.

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Sitio web One Page con navegación fija

Sitio web One Page con navegación fija

Tabla de contenidos Introducción Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este es un sitio web estilo One Page maquetado con HTML y estilizado con CSS con una navegación fija....