Digital Style Guide Home

The COUNTRY Financial Digital Style Guide is a union of content, design, and user experience that provides the elements and architecture for creating a web page, as well as provides the structure for governing our digital presence.

The style guide follows an atomic design model.

 

 

Where would you like to start?

Overview of Digital Principles

Much like printed materials, digital pieces should represent our brand at COUNTRY Financial. It will include Brand, Content Standards (Color, Tone, and Voice) and our Digital Style guide( Digital Standards, Patterns, Components, etc). The goal of this guide is to create consistency, cohesion and in some cases compliance across our Enterprise marketing and digital efforts for both internal and external teams.

The goal is to bridge design, development and UX standards together at their point of intersection: the presentation layer where a design is transformed into the HTML, CSS, and javascript rendered in the browser.

  • Accessibility - The Accessibility Guidelines focus on accessibility at every step of the design process, setting you on the path to building a usable, accessible site. From colors to code, these tools help you meet high standards of accessibility and conform to Section 508 Standards.
  • Brand Guidelines - The COUNTRY Financial brand guides and informs everything we do. It clarifies how we were founded in 1925 to provide property and life insurance for farmers, that we believe in existing to cultivate communities and connections to ensure their financial security, that we have grown to help over 1 million clients in 17 states, and that we value being genuine, transparent, helpful and passionate while also being modest and true to our word. All brand components, voice, and visual guidelines can be found through corporate Brand Central sharepoint.

Icon Library

Icons should help personalize communication, be used with discretion and quickly identifiable, and always display as a single color.

 

Branding

icon-insurance-drivers

icon-investments-business-401k-traditional

icon-brand-planning-resources

icon-insurance-umbrella-liability

icon-insurance-life

icon-about-us-diversity

icon-brand-investments-annuities

icon-insurance-retirement-elderly-couple

icon-insurance-auto

icon-about-us-youth-education

icon-news-network-newspaper

icon-individual-IRA-rollover

icon-about-us-community

icon-brand-business-resources

icon-brand-business-large

icon-brand-winery-large

icon-brand-crop-large

icon-brand-renters-insurance-large

icon-brand-college-savings-large

icon-brand-brewery-large

icon-brand-male-rep-large

icon-brand-male-client-large

icon-brand-home-large

icon-brand-female-rep-large

icon-brand-female-male-rep-large

icon-brand-female-client-large

icon-brand-farm-ranch-large


Utilities

icon-claims-commercial-office

icon-envelope-form


icon-esignature

icon-file-pdf2

icon-file-sync

icon-gps-pin

icon-util-rep-website

icon-lock

icon-lock-closed

icon-magnifying-glass-search

icon-minus-collapse-delete

icon-money-bill-payment

icon-paper-plane-contactus

icon-plus-add-expand

icon-policy-file

icon-request-call-phone-arrow

icon-request-document-arrow

icon-security-awareness-profile-lock

icon-chevron-right

icon-chevron-up

icon-circle-envelope-form

icon-circle-gps

icon-util-circle-phone

icon-click-to-chat-comments

icon-chevron-left

icon-chevron-down

icon-check

icon-address-card-vcard

icon-24hr-support

icon-brand-menu

icon-brand-close

icon-brand-user

icon-touch-id

icon-face-id

icon-edit-pen

icon-date-picker

icon-delete-trash

icon-info-circle-light

icon-arrow-down

icon-arrow-right

icon-exclamation-triangle

icon-show-password

icon-office-hours

icon-ribbon-rep-card-reviews

icon-upload-document

icon-circle

icon-slider-button


Contact Support

icon-hand-holding-car-roadside-assist

icon-headset-billing-support

icon-phone-right

icon-phone-left


Self Service

icon-app-slider-preferences

icon-app-reg-clock-date-picker

icon-my-claims-driver-self-service

icon-add-product-plus

icon-app-auto-id-card

icon-app-planning-tool

icon-check-circle-light

icon-claims-workers-com-user-injured

icon-self-service-credit-card

icon-file-legal-policy

icon-file-legal-policy-hippa

icon-gear-policy-change

icon-ins-auto-glass

icon-my-billing-envelope-bill

icon-my-claims-dollar-circle

icon-my-dashboard-profile-browser

icon-profile-cursor-click

icon-retiree-form-edit

icon-university-building

icon-request-quote


Agency

icon-recommend-star

icon-agency-notifications

icon-file-small

icon-tag-small

icon-icon-business-time-light

icon-funding

icon-cross-sold

icon-eSignature

icon-marketing-plan

icon-new-household

icon-chart-bar-light

icon-chart-line-light

icon-chart-pie-light

icon-comments-alt-dollar-light

icon-comments-light

icon-home-heart-light

icon-map-marker-exclamation-light

icon-money-check-alt-light


icon-users-light

icon-navigator-rep-texting-talk-bubble

icon-navigator-repTexting-talkBubble-outlined

icon-calendar-check-appt-schd

icon-document-ribbon-commercial-certificate

icon-clipboard-money-brokered-insurance

icon-brief-case-hand-BRS-proposal

icon-brief-case-blueprint-BRS-Plans

icon-scale-enterprise-procurement

icon-lightbulb

icon-financial-forecasting


LNT

icon-star


CF Social Media

icon-youtube

icon-twitter

icon-linkedin

icon-instagram

icon-connect

icon-facebook


CF Utility

icon-close


Font Awesome

icon-fax
