Uhs Design Standards Documentation
Getting Started
Components
3rd Party & VendorAlertsCall Out BoxesFormsGrid SystemHorizontal RuleIconsImagesMapsMedia BreakpointsNavigationTable LayoutsVideoZ-Index
Typography
ButtonsHeadersLinksBasic usagePropertiesUsing different kindsParagraphTypographyTypography
Readme

Links

Link text should be as descriptive as possible. Links should not incorporate urls such as http://www.name.com but name.com is acceptable.When using name.com an external link icon is not necessary, name would need the icon. When to use one style or another would be defined by copy.

Visit Cerner.com

Fill out Cerner's [i] form

Formatting of Phone numbers - Only dashes in between, no parentheses. Link styled on mobile, suppress link style on Desktop and Lrg Tablet. Mobile view - show link color, desktop view, show as normal text (possible without javascript)

Use of text links, no caps in label

Icons - use only when absolutely necessary

PDF - makes sense, leaving the site they make sense

Stray away from putting links away from site in main navigation

Never say "click here"

Actual name of item should be linked in a paragraph

Be as descriptive as possible to give more detail as opposed to "read more"

Ok to use the tld (.com)

Contact Us with arrow as example

Code.cerner.com

Default of linking headers? - pick one or the other, include a button or text link in the section

Designate use cases for buttons or text links

Non-breaking space should be used if an icon is included

Formatting of Addresses

Name of facility should be bolded

Address should fall under it

Phone number should be a link by default

Basic usage

HTML

Relative Link: <a href="#">Link Text</a>

External Link: <p>this is text and here is an <a href="#">external link <i class="icon-external-link"></i></a></p>

Phone Link: <a href="#">Link Text</a>

Email Link: <a href="#">Link Text</a>

MARKDOWN

here

Properties

Hover state - for each design this style can vary, but a hover state for links should be defined

Visited/Selected state - also our default is to define it (different color, outline, etc)

Using different kinds