Style Guide
Last updated
Last updated
Typography: The look and feel was composed of the typeface Montserrat for text and Gotham, which have both proportional and tabular figures necessary for the inline and table weather data display, for numbers.
Iconography: The FontAwesome and Weather Icons icon libraries were used for efficiency due to our fast-paced timeline. Weather Icons would be used for the wide variety of weather icons needed to communicate the different types of weather conditions e.g. in forecasts. FontAwesome would be used for any other icons needed.
Color Palette: BloomSky's color palette contain eight colors. We aimed for a balance between saturated and neutral colors, cool and warm colors, as well as light and dark colors that could be used to communicate focused and deemphasized elements, hot and cold tempratures, and elements on light and dark backgrounds.