NI_StyleGuide_Final 2019

Recommendations

Info

NI Style Guide and Brand Manual | 62ni.com Coreblocks—New Site ExperienceCoreblocks are thumbnail images that serve as a visual anchor for content. You can choose from five sizes that correspond to the new website’s 16-column grid: 2-, 3-, 4-,5-, and 6-column. The 2-, 3-, and 4-column sizes are typically used in most layouts. The 5- and 6-column sizes are used in higher level marketing pages. Coreblocks foundon the new site experience have a 16x9 aspect ratio.Full-Color Bleed Images■■■■■■■■Do not use bordersPhotos with dark, saturated colors extending to allsides do not need bordersMust use industry/application photographySize: 1140 x 641 pxStandard Product Images■■■■■■■■Borders are optional based on use caseand whether image is displayed on a coloredbackgroundBorder style is #CCCCCC; 1 pixelMust use standard product photography withwhite backgroundSize: 1140 x 641 pxPadding for Standard Product Images■■■■■■Product should be nested and centered inside croparea with equal interior padding; hardware shouldnever touch the edge of the imagePadding increases 5 pixels per image size startingat 10 pixels for 2 columns, 15 pixels for 3 columns,and so on; this is a general gauge and can beadjusted per designer discretion if padding isproportionate to the image sizeSize: 1140 x 641 px
NI Style Guide and Brand Manual | 63ni.com Coreblocks —New Site Experience, continuedDesktop Image Dimensions■■■■■■■■■■2 columns—166 x 93 px3 columns—264 x 149 px4 columns—362 x 204 px5 columns—460 x 259 px6 columns—558 x 314 pxTablet Image Dimensions■■■■■■■■■■2 columns—98 x 55 px3 columns—162 x 91 px4 columns—226 x 127 px5 columns—290 x 163 px6 columns—354 x 199 pxMobile Image Dimensions■■■■■■■■■■2 columns—76 x 43 px3 columns—129 x 73 px4 columns—182 x 102 px5 columns—235 x 132 px6 columns—288 x 162 px
Page 1 and 2:
NI Style Guide and Brand Manual | 1
Page 3 and 4:
Page 5 and 6:
Page 7 and 8:
Page 9 and 10:
Page 11 and 12: 28862_AV_Ad_Ltr.indd 1©2017 Nation
Page 13 and 14: NI Style Guide and Brand Manual | 1
Page 61: NI Style Guide and Brand Manual | 6
Page 77: ©2018 National Instruments. All ri
show all

NI_StyleGuide_Final 2019

Create successful ePaper yourself

Delete template?

Save as template?