Nombre
Se refiere al nombre que se le dará en el css y a la clase con que identificaremos cada organismo (o bloque). Para este organismo será:
.o-menu
Descripción
Para ver cuánto miden cada breakpoints ir a medidas de breakpoints
Desktop (breakpoints Xl y Lg)

Tablet (breakpoints Md, Sm)
Menú normal

Menú desplegado

Teléfono (breakpoints Xs, Xxs, X0)
Menú normal

Menú desplegado

Behavior
Las animaciones de este organismo serán:
-
FadeInDown → Esta animación será al inicio cuando cargue la página.
-
FadeIn → Esta animación ocurrirá cuando el menú pase de background transparente al color especificado.
Puedes conseguir esta animación en la siguiente página: animate.style