Sitio One Page de tres secciones – Monocromático Serie 2

Este es el segundo sitio monocromático estilos one page de 3 secciones, el proyecto 8 del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Mono Green

DESAFÍOS

Tratando de seguir un poco las tendencias de este año, sigo experimentando un poco con la colorimetría del sitio tratando de hacerlo todo con una misma tonalidad de color.

PROCESO

Paleta de colores y estilos

Paleta de colores: 51966A 284B35 87FAB2 E1FEEE

Tipografía:

Mockup (Bosquejo)

Este es el processo del sitio en Figma

HTML y CSS

Una vez el sitio listo en bosquejo empiezo la maquetación en HTML, para posteriormente agregar estilos con CSS y tener el sitio final como se ve en el video.

Sitio web responsivo

Sitio visto de manera responsiva

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Mono Green

Información técnica

  • Visual Studio Code
  • HTML5 (Semántico)
  • CSS
  • Sitio responsivo
  • Github
  • Netlify

Recursos

¿Haz trabajado con estilos monocromáticos? Compárteme tu experiencia

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Landing Page para Negocio

Landing Page para Negocio

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 Esta es una landing page para el lanzamiento de un nuevo producto o servicio, construído con HTML y...

Una Landing Page Sencilla

Una Landing Page Sencilla

https://www.youtube.com/watch?v=AotDOfaKss0 Tabla de Contenidos Introducción Desafíos Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información Técnica Recursos Introducción Esta es una landing page para el lanzamiento de un...

Página Estilo One Page

Página Estilo One Page

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 una página web estilo One Page, la cuál está maquetada con HTML y estilizada con CSS, este...