Bammon Website Documentation
Here you can explore the detailed components and style libraries I created and organized for the Bammon website design. The final implementation is live at the official site: bammon.mx
sTYLE LIBRARY
Colors
#f9f8f7
10%
#f5f4f2
20%
#f0eeec
30%
#ebe8e5
40%
#e6e3df
50%
Background
#e1ddd8
#bcb8b4
60%
#969390
70%
#716f6c
80%
#4b4a48
90%
#2d2c2b
100%
#000000
bASE_ BLACK
#555555
BB_40%
#cccccc
BB_10%
#1e2e56
hover_state_button
#132e68
Default_state_button
#102657
Pressed_state_button
Transparency Material
Typography
Components
Component: button
Variant: logo - default
Component: dropdownMenu
Variant: icon - closed
Component: button
Variant: text only - default
Component: button
Variant: default
Component: button
Variant: logo - default - white
Component: dropdownMenu
Variant: icon - closed - white
Component: button
Variant: text only - default - white
Component: button
Variant: default
Component: Footer
Variant: default - desk_tablet
Component: Footer
Variant: white - desk_tablet
Component: button
Variant: logo - default - white
Component: dropdownMenu
Variant: icon - closed - white
Component: button
Variant: text only - default - white
Component: Footer
Variant: default - mobile
Component: Footer
Variant: white - mobile
Component: product tab menu
Variant: tab - backgammon
Component: product tab menu
Variant: tab - chess
Component: product tab menu
Variant: tab - chess
Component: product tab menu
Variant: tab - chess
Component: button
Variant: tab - active
Component: button
Variant: tab - active
Component: button
Variant: default
Design by
Victor Sebastian Jaime Moncada
jamosabo21@gmail.com
2025