Customize

Customize Gumby 2.

Get the most out of Gumby; maximize efficiency by customizing its properties out of the box! The customizer provides a GUI for the settings file. Tweak your customized build below, download and check out the updated settings.

We're still working on making this awesome right now, you can clone from GitHub and tweak the settings manually for a stable build.

Included CSS

Pick and choose which elements you’d like to include in your package.

Included JS

Pick and choose which UI modules you'd like to include in your package.

Grid

# of Columns
Hybrid Columns
Max Width
px
Gutter
px

Typography

Ratio
Font Family
  • Base font size
    px
  • Important #
    px
Header font weight

Colors

Customize the color-scheme of your Gumby package

Background Colors

Global Background
#
#

Typography Colors

Body Font Color
#
Header Font Color
#
#
#

User Interface Colors

Primary Color
#
Secondary Color
#
Default Color
#
Info Color
#
Primary Hover
#
Secondary Hover
#
Default Hover
#
Info Hover
#
Success Color
#
Warning Color
#
Danger Color
#
Success Hover
#
Warning Hover
#
Danger Hover
#

Defaults

Border Radius
px
Default Padding
px

Responsive Breakpoints

Portrait Tablet
px
Portrait Phone
px

You simply have to try it.