Last update at 24 · 07 · by milo‧‧‧ One of 7754
Guide to ui design focus on specific topic areas such as glogic structure including visual aesthetic. UI Style Guides are a design and development tool that brings cohesion to a digital user interface and its experience.
Typography is the most common interface design element, defining usability typefaces used in a product. Instructions for Titles, Subtitles, Headings (H1, H2, H3), Body Text, and Captions are mandatory.
a Heading & Text
Playfair lends itself to the late 18th century, period, and while it is not a revival of any particular design, it takes influence from the designs of John Baskerville and from ‘Scotch Roman’ designs.
Aa - Heading
Open Sans is a sans-serif typeface designed by Steve Matteson and commissioned by Google. According to Google, it was developed with an "upright stress, open forms and a neutral, yet friendly appearance" and is "optimized for legibility across print, web, and mobile interfaces."
Arial is a neo-grotesque typeface: a design based on the influence of nineteenth-century sans-serifs, but made more regular and even to be more suited to continuous body text and to form a cohesive family of fonts.
UI Style Guide references brand identity guidelines, include a secondary scheme of lighter accent color.
b Color scheme
hex #d84800 is composed of 84.7% red, 28.2% green and 0% blue. In a CMYK color space, it is composed of 0% cyan, 66.7% magenta, 100% yellow and 15.3% black.
Hue angle is 20 degrees, a saturation of 100% and a lightness of 42.4%.
#d84800 color hex is obtained by blending #ff9000 with #b10000.
● #d84800 color description : Strong orange.
c Color Conversion
The hexadecimal color #d84800 has RGB values of R:216, G:72, B:0 and CMYK values of C:0, M:0.67, Y:1, K:0.15.
Its decimal value is 14174208.
|RGB Decimal||216, 72, 0|
|RGB Percent||84.7, 28.2, 0|
|CMYK||0, 67, 100, 15|
|HSL||20°, 100, 42.4|
|HSV (or HSB)||20°, 100, 84.7|
|CIE-LAB||50.964, 54.192, 61.82|
|XYZ||30.638, 19.237, 2.1|
|xyY||0.589, 0.37, 19.237|
|CIE-LCH||50.964, 82.21, 48.762|
|CIE-LUV||50.964, 118.371, 42.12|
|Hunter-Lab||43.86, 47.932, 27.864|
|Binary||11011000, 01001000, 00000000|