• Skip to main content
  • Skip to search
  • Skip to accessibility settings
Lighthouse Guild
  • Our Services
    • Healthcare Services
      • Become a Patient
        • Request an Appointment
        • TeleVisits
        • Our Providers
        • FAQ
      • Refer Patient
      • Optometry & Eye Exams
      • Behavioral Health Services
      • Diabetes Care & Endocrinology
      • Podiatry
      • Occupational Therapy
      • Primary Care Services
      • Adult Day Health Care
    • Support Services
      • Tele-Support Groups
        • Tele-Support for Parents
        • Tele-Support for Teens
        • Tele-Support for Young Adults
        • Tele-Support for Adults
        • Tele-Support Presentations
      • Assistive Technology Training
      • Independent Living Support
      • Orientation & Mobility
      • Youth and Teen Support
        • Preschool Services
        • Children’s Program
        • Teen Programs
        • Young Adult Programs
        • Youth Employment Program
      • Academic & Career Services
        • Scholarships
    • Training
      • Assistive Technology Training
      • Professional Training
        • eLearning for Professionals
        • Low Vision eGuides
          • Overview
          • Clinician’s Guide to Low Vision Practice
          • Vision Loss: Everything You Wanted to Know But Were Afraid to Ask!
          • Guide Techniques
          • Effective Color Contrast and Making Text Legible
    • Research
      • Research Studies
      • Vision Science Awards
      • Pisart Award in Vision Science
      • Bressler Prize in Vision Science
      • Oberdorfer Award in Low Vision Research
  • Technology
    • Technology Center
      • About Our Technology Center
      • Featured Technology for People with Vision Loss
    • On Tech & Vision Podcast
    • Tech & Vision Blog
  • Take Action
    • Request an Appointment
    • Find a Support Group
    • Donate
    • Volunteer
    • Become A Partner
    • Share Your Story
    • Join a Mailing List
    • Advocate
    • Participate in Research Studies
  • Become a Patient
  • Vision & Health Blog
    • Eye Diseases & Conditions
    • Living with Vision Loss
    • Preventing Vision Loss
    • Research & Advancements
    • Tech & Vision
  • Donate
  • MyCare Portal
    • Patient Portal
    • Request an Appointment
    • Login
    • Create an Account
    • FAQ
  • News & Events
    • News
    • Events
    • Press Releases
  • About
    • Mission & History
    • Board & Leadership
    • Publications
    • Financials
    • Careers
    • Volunteer
    • Our Clients
    • Locations & Directions
    • Media Inquiries
    • Contact
  • On Tech & Vision Podcast
  • Refer Patient
  • Donate
  • Refer Patient

Style Guide

Contact
Dr. Calvin Roberts in front of the microphone

In this Section

  • Website Accessibility Guide
  • Content Styles
  • Page Block Layout Options
  • Page Block Layout Options *
  • Page Blocks
  • Website Accessibility Guide
  • Content Styles
  • Page Block Layout Options
  • Page Block Layout Options *
  • Page Blocks

Please reference this style guide whenever you’re creating new pages and images for this website. You should find a size and style for all possible layouts and images you’ll need/use.

Image Sizes

  • Home Hero Image/Landing & Listing Page Banners: 720px x 392px / 16:9 aspect ratio
  • Post Hero/Post Page Banner: 600px x 400px / 6:4 aspect ratio
  • Full Width Pull Quote Headshot: 200px x 295px / 3:2 aspect ratio
  • Full Width Generic Promotion: 545px x 545px
  • People Cards: 400px x 400px or 270px x 270px
  • Embedded, Gallery, Carousel images: 800px x 450 px (Optimal, images will automatically resize when used in a gallery or a carousel) / 16:9 aspect ratio
  • Newsletter Sign up: 411px x 411px
  • Image and Button Promo: 280px x 280px (Optimal, images will automatically re-crop depending on copy length)
  • 2 Image Promo:
    • Large Image: 300px x 200px
    • Small Image: 150px x 150px

Font Specifics

  • H1 – Atkinson, 700 • 48px/60px • Color: #323232 • Margin: 0, 0, 30px, 0
  • Intro – Atkinson, 400 • 32px/42px • Color: #0571c6 • Margin: 0px, 0, 30px, 0
  • H2 – Atkinson, 700 • 48px/60px • Color: #323232 • Margin: 80px, 0, 30px, 0
  • H3 – Atkinson, 400 • 42px/52px • Color: #0571c6 • Margin: 0, 0, 30px, 0
  • H4 – Atkinson, 400 • 32px/44px • Color: #323232  • Margin: 0, 0, 30px, 0
  • H5 – Atkinson, 700 • 24px/35px • Color: #0571c6 • Margin: 0, 0, 30px, 0
  • H6 – Atkinson, 700 • 22px/32px • Color: #323232 • Margin: 0, 0, 5px, 0
  • Paragraph – Atkinson, 400 • 22px/36px • Color: #323232 • Margin: 0, 0, 5px, 0

Updates to Site Styles ***TO BE UPDATED

/wp-content/themes/??????.css –> description/wp-content/themes/orbit-media/cssblack-white.css –> black and white viewing optionsblack-yellow.css –> black and yellow viewing optionsblue-yellow.css –> blue and yellow viewing optionsbootstrap.css –> bootstrap. DO NOT EDIT.default.css –> titles, paragraphs, block-quotes, etc…layout.css –> header, footer, menus, sidebar, featureslighthouse.css –> css created for lighthouse to override or add new stylestext-large.css –> large text viewing optionstext-larger.css –> larger text viewing optionstext-largest.css –> largest text viewing optionstext-only.css –> text only viewing optionstinymce.css –> WYSIWYG editor styles

Site Color Values

#330072
#0571C6
#323232
#4D4D4D
#77C19A
#F4F4F4

Join our Mission

Lighthouse Guild is dedicated to providing exceptional services that inspire people who are visually impaired to attain their goals.

  • Join Mailing List
  • Volunteer
  • Donate
Lighthouse Guild
  • Facebook
  • Twitter
  • Instagram
  • YouTube
  • LinkedIn

Contact info:

Lighthouse Guild

800-284-4422 TTY 711

250 West 64th Street,
New York, NY 10023

Copyright © 2022 Lighthouse Guild

  • Facebook
  • Twitter
  • Instagram
  • YouTube
  • LinkedIn
Theme
Theme