Global Style Guide IFPC
Site Type
Custom Build
Template or Dupe Name/Link
NA
Pages to Build
NA
Desktop Grid
Desktop Grid
Based on 1270 viewport 12 columns grid stretch to fit Margin 32px, Gutter 50px
Desktop Grid
Desktop Grid
Based on 1270 viewport 12 columns grid stretch to fit Margin 32px, Gutter 50px
Mobile Grid & Spacing Between Component Conversion
Mobile Grid
Based on 375 viewport 6 columns grid stretch to fit Margin 32px, Gutter 32px
Animations
Text & Images
Simple load in, up & in effect like Heights Plastic Surgery: https://www.houstonplasticsurgery.pro/
Other
Other component-specific animations noted throughout component list notes.
Colors, Overlays, + Effects
Set one color as base background, one color as global text color, ensure that all colors, overlays, and effects are set as styles.
Colors
White
Base background, text
Red
Accents
Cool Gray
text, graphics
Blue
text, graphics, backgrounds
Bright Blue
Backgrounds, hoverstates, Static states
Very Light Blue
Accents
Evolutionary Navy
Accents, backgrounds
Medium Gray
Form fields
Light Gray
Form fields
Blue
text, graphics, backgrounds
Error
Error states
Hero Gradient
Homepage Hero overlay
White Gradient
Icon Fills
Drop
Some select elements drop shadow
Card Glow
Drop shadow for most elements
Scrim
Site Scrim