NI_StyleGuide_Final 2019
You also want an ePaper? Increase the reach of your titles
YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.
NI Style Guide and Brand Manual | 58
ni.com Feature Images—New Site Experience
Feature images effectively enhance pages without creating accessibility and usability problems. They can convey complex quantitative or spatial information quickly, transcend language
barriers, and combine with text to complement many styles of information gathering and learning.
Fixed-Width Feature
■■
■■
■■
■■
■■
Appears on a variety of level 1, 2, and 3 pages
Can consist of family product shots, infographics, or diagrams
Should be reserved for primary positioning on a page; secondary positioning is
acceptable depending on the image treatment; tertiary usage is unacceptable
Since this image is a fixed width, any background treatment should always fade
to white to avoid a visible edge
Natural size is 2352 x 1200 px (page code scales this down to 1176 x 600 px)
Full-Bleed Tall Feature
■■
■■
■■
■■
■■
■■
■■
Appears on the home, product overview, and new product landing pages
High-level company messages or new product launches driven through stripes
Can be broad, real-world applications or tightly cropped software/hardware
Available for localization only; branches do not create their own imagery
Images should be void of text and logos; live text is displayed in overlay container
Currently accommodates only static imagery, but may display video in the future
Natural size is 1980 x 743 px (page code scales this down to 1200 x 450 px)
Full-Bleed Short Feature
■■
■■
■■
■■
■■
■■
Appears on site section, level 0 pages such as /innovations
Currently uses blue overlay treatment; this may be optional in the future
Must use industry/application photography of preferably open, uncluttered spaces
Available for localization only; branches do not create their own imagery
Image should be void of text and logos; live text is overlaid on image
Natural size is 1980 x 330 px (page code scales this down to 1200 x 200 px)