Plugins

Plugins are necessary to extend the functionality and improve performance of the website. The goal is to keep this list as short as possible without sacrificing functionality or performance.

Basics

  • Jetpack (included with hosting)
  • Akismet (included with hosting)
  • Avada Core
  • Avada Builder
  • The Events Calendar

Gutenberg Specific (for posts)

  • Code Syntax Block
  • Kadence Blocks
  • Editor Plus
  • Scripts Organizer ACF Gutenberg Extension

Additional

  • Advanced Custom Fields Pro (included with Avada)
  • CodePen Embed Block
  • Enable Media Replace
  • Instant Images
  • Font Awesome
  • Formidable Forms Pro ($$)
  • Meta Box AIO ($)
  • Motion.page($)
  • Rank Math Business ($$)
  • Script Organizer ($)
  • Short Pixel Image Optimizer ($)
  • Slider Revolution ($)
  • The Events Calendar Pro ($$)
  • Wicked Folders Pro ($)
  • wpDataTables ($$)

Images

Almost all of the images on this site come from Unsplash.com . Occasionally, there are images and graphics from Adobe Stock. All photographs used for featured images are save in a 16:9 aspect ratio and a minimum full size of 1400×787 pixels. Attribution is usually included.

Photo by Simon Williams

Design Guide

Accessibility (#a11y)

One of the primary reasons for using Avada has been the Theme Fusion team’s commitment to WCAG compliance.  Everything that is added to this site should comply as much as possible with WCAG 2.2. If you encounter an item that is not compliant, please use the contact form and let me know.

Typography

Unless required by a custom layout or other example, the site uses your system’s default font selection for heading and body text. Custom fonts are hosted locally to comply with recent GDPR rulings.

The title bar fonts are white and use a text shadow to help with legibility on various backgrounds.

Font weights are managed through CSS since Avada does not have this option for system fonts (yet). The h1 uses light (200), h2 is semibold (600), h3-h6 use medium (500), and the body text is normal (400). Occasionally, for stylistic purposes, other weights are used.

Heading 1
clamp(1.4rem,calc(1rem + 3.5vw),4rem)

Heading 2
clamp(1.73rem, calc(1.25rem + 2.40vw), 2.96rem)

Heading 3
clamp(1.44rem, calc(1.14rem + 1.52vw), 2rem)

Heading 4
clamp(1.20rem, calc(1.02rem + 0.91vw), 1.67rem)

Heading 5
clamp(1.00rem, calc(0.90rem + 0.49vw), 1.1rem)

Heading 6 (uppercase)
clamp(0.95rem, calc(0.79rem + 0.20vw), 1rem)

Paragraph text (1.15rem)

Colors

The site uses a monochromatic style with the foundation starting with a dark blue (#060c28). This pallet was chosen to minimize color perception issues. A few vibrant colors are used sparingly to help bring life to certain elements. This will change over time and be minimized as much as possible for consistency.

Primary

#4a005b (–awb-color5)

#1a1819 body text (–awb-color8)

#4a4e57 (–awb-color4)

Logo Colors

 #ED2423

#B5DB2C

#0EA8FF

Secondary

#9b0081

Accent Dark: #1e0033

Accent Light: #efedff

#f5f5f5 (page background – light mode)

#1833af

#FFCE22

#75bffc

#63e6be

#d6eafc

#e2e2e2 (–awb-color3)

#f9f9fb (–awb-color1)

#ffffff (–awb-color1)