NI_StyleGuide_Final 2019

NI Style Guide and Brand Manual | 62
ni.com Coreblocks—New Site Experience
Coreblocks 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 found
on the new site experience have a 16x9 aspect ratio.
Full-Color Bleed Images
■■
■■
■■
■■
Do not use borders
Photos with dark, saturated colors extending to all
sides do not need borders
Must use industry/application photography
Size: 1140 x 641 px
Standard Product Images
■■
■■
■■
■■
Borders are optional based on use case
and whether image is displayed on a colored
background
Border style is #CCCCCC; 1 pixel
Must use standard product photography with
white background
Size: 1140 x 641 px
Padding for Standard Product Images
■■
■■
■■
Product should be nested and centered inside crop
area with equal interior padding; hardware should
never touch the edge of the image
Padding increases 5 pixels per image size starting
at 10 pixels for 2 columns, 15 pixels for 3 columns,
and so on; this is a general gauge and can be
adjusted per designer discretion if padding is
proportionate to the image size
Size: 1140 x 641 px