Icons

  • Icons should be used to help the user absorb and process information more efficiently. They should draw the user's attention to the content, not distract from it. (Since we aren't currently using a lot of icons, some of these examples are from other websites, but our icons could be used in a similar manner.)

    • Spice up feature lists to make them more engaging
    • Draw attention to specific content items
    • List services and increase readability
    • Accent headers to give titles a creative touch
    • Engage users on pages with extra long content
    • Offset headings and sections
    • Size doesn't matter! Even small icons can be effective
    • Vary size and placement
    • Use a consistent style
  • Icon color

     

    #006bb7

    Inverse color

     

    Most of the icons in the library are 100px. To make the icon smaller, add [ width="#" ] to the code. The widths can be 16, 24, 32, 48 or 64.


    x-small: 16px


    small: 32px


    large: 48px


    x-large: 100px

    These are the different types of uses for icons. This section will be updated as the website changes, so check back frequently.

    Tool panels

    drug approval - lw

    Drugs requiring approval

    Avoid delays getting your prescriptions by checking to see if you will need prior approval first. Certain drugs require prior approval to make sure you get the right medication for the right situation.

    Learn more about approvals

    drug search - lw

    Drug search

    Find information about prescription drugs, including how a drug may be covered and alternate drugs you can choose from.

    Find a drug

    pharmacy search icon - LW

    Pharmacy search

    Make sure you get the highest coverage under your plan's prescription benefit, use a pharmacy in the Premera network. There are more than 60,000 available nationwide.

    Find a pharmacy

    Announcements

    bill pay icon

    Questions about paying your monthly bill?

    Individual plan members who have been paying their monthly bill through Washington Healthplanfinder will now pay Premera directly. Here's what you need to know now to make this change easier and to avoid long customer service call wait times.

    1095 icon

    Tax Form 1095

    Individuals must report healthcare coverage on their federal tax returns in 2016. This is a requirement of the Affordable Care Act; the form that will be used for this is called Form 1095. Forms for the current tax year will be available in January. For more information, you can visit the Affordable Care Act page on IRS.gov.

    Navigation panel

    user

    Individual & family

    View individual plans

  • Icons currently in use

    The path to all icons is [img src="/images/icons/xxxxx.png" width="xx"]. You only need the width if you are changing the image size. (See size section above.)

    1095 icon

    • 1095

    aid kit icon

    • aid-kit

    apple icon

    • apple

    drug approval icon

    • back-arrow

    assessment reward icon

    • assessment-reward

    automatic fund transfer icon

    • automatic-fund-transfer

    bank icon

    • bank

    bell alert notification icon

    • bell-alert-notification

    bill pay icon

    • bill-pay

    briefcase icon

    • briefcase

    pharmacy search icon

    • calculator

    calendar icon

    • calendar

    Care Compass 360 icon

    • CareCompass360

    cell phone icon

    • cellphone

    change plan icon

    • change-plan

    submit claim icon

    • submit-claim

    claim review icon

    • claim-review

    claims icon

    • claims

    clipboard icon

    • clipboard

    covered icon

    • covered

    drug approval icon

    • drug-approval

    drug searchicon

    • drug-search

    email icon

    • email

    example icon

    • email

    FAQs icon

    • FAQs

    file icon

    • file

    file plus icon

    • file-plus

    Find a doctor icon

    • Find-a-doctor

    gift icon

    • gift

    home icon

    • home

    hospital icon

    • hospital

    hospital search icon

    • hospital-search

    HSA  icon

    • HSA

    ID-Card icon

    • ID-Card

    ID card question icon

    • ID-Card-Question

    landing page best practices icon

    • landing-page-best-practices

    leaf icon

    • leaf

    lock icon

    • lock

    medicare  icon

    • medicare

    mobile app icon

    • mobile-app

    monitor icon

    • monitor

    mouse icon

    • mouse

    office icon

    • office

    PCP icon

    • PCP

    PCP contact icon

    • PCP-contact

    PCP edit icon

    • PCP-edit

    pharmacy search icon

    • pharmacy-search

    phone icon

    • phone

    pie icon

    • pie

    refresh icon

    • refresh

    search icon

    • search

    SEO icon

    • seo

    stack text icon

    • stack-text

    steps icon

    • steps

    stethoscope icon

    • stethoscope

    Teladoc icon

    • Teladoc

    transfer icon

    • transfer

    travel icon

    • travel

    user add icon

    • user-add

    user check icon

    • user-check

    user check icon

    • user

    user minus icon

    • user-minus

    user2 icon

    • user2

    user3 icon

    • user3

    users group icon

    • users-group

    users icon

    • users(1)

    video icon

    • video

    warning icon

    • warning

    web writing icon

    • web-writing