Arches: Color Codes

Arches:Color Codes

Multi Product Brand Style System by the American College of Cardiology

Social Networks

Source: dist/css/color-code_bases.css, line 4055

8 Social Networks

Each of the social networks has a distinctive color. These colors are used to give a distinct theme to the social nav that is in different locations.

  • #000; twitter

    $twitter

  • #3b5998; facebook

    $facebook

  • #007bb6; linkedin

    $linkedin

  • #ea4cc0; apple-store

    $apple-store

  • #689f38; google-play

    $google-play

  • #bb0000; youtube

    $youtube

Source: dist/css/color-code_bases.css, line 4151

8.1 apple-store

Font, Border and Background Colors using apple-store Social colors have no need for Nuance so they only have a single color shade.

fa-apple
br_apple-store Border Color
bg_apple-store Background Color
c_apple-store font color

Source: dist/css/color-code_bases.css, line 4099

8.2 facebook

Font, Border and Background Colors using facebook Social colors have no need for Nuance so they only have a single color shade.

fa-facebook-square
br_facebook Border Color
bg_facebook Background Color
c_facebook font color

Source: dist/css/color-code_bases.css, line 4177

8.3 google-play

Font, Border and Background Colors using google-play Social colors have no need for Nuance so they only have a single color shade.

fa-google-play
br_google-play Border Color
bg_google-play Background Color
c_google-play font color

Source: dist/css/color-code_bases.css, line 4229

8.4 instagram

Font, Border and Background Colors using instagram Social colors have no need for Nuance so they only have a single color shade.

fa-instagram
br_instagram Border Color
bg_instagram Background Color
c_instagram font color

Source: dist/css/color-code_bases.css, line 4125

8.5 linkedin

Font, Border and Background Colors using linkedin Social colors have no need for Nuance so they only have a single color shade.

fa-linkedin
br_linkedin Border Color
bg_linkedin Background Color
c_linkedin font color

Source: dist/css/color-code_bases.css, line 4073

8.6 twitter

Font, Border and Background Colors using twitter Social colors have no need for Nuance so they only have a single color shade.

fa-square-x-twitter
br_twitter Border Color
bg_twitter Background Color
c_twitter font color

Source: dist/css/color-code_bases.css, line 4203

8.7 youtube

Font, Border and Background Colors using youtube Social colors have no need for Nuance so they only have a single color shade.

fa-youtube
br_youtube Border Color
bg_youtube Background Color
c_youtube font color