Adobe Color Contrast Analyzer
This tool compares foreground and background colors to determine if they have sufficient contrast to me WCAG guidelines.
AccessibilityColor Contrast Tools

Adobe Fonts
Thousands of fonts that can be used for both personal and commercial projects

Adobe Stock
Find the perfect stock asset for your next creative project.
Stock AudioStock PhotosStock Video

Avada Documentation Official ResourcesDeveloper ResourcesLearning

Avada Patch List Official ResourcesDeveloper Resources

Avada Video Library Official ResourcesDesignDeveloper ResourcesLearning

Black Illustrations
Beautiful illustrations of Black people for your next digital project. For your websites, web applications, and mobile apps, we’ve built illustrations to be used anywhere and everywhere. Welcome to a future of inclusion.

Can I use …
"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
Developer Resources

Clamp() Generator Code GeneratorDesignTypography

Color Contrast Checker
A nice tool for checking color contrast.
Color Contrast Tools

ColorSlurp is the ultimate color tool for developers and designers. Pick any color on your screen using the high-precision magnifier. Create and organize palettes with advanced color editing tools. Check color contrast for perfect accessibility.
Color Contrast ToolsDesignDeveloper Tools

css2sass Converter Code GeneratorDesignDeveloper Resources

Data Visualization Standards
The Data Visualization Standards are a collection of guidance and resources to help create better data visualizations with less effort.
AccessibilityDeveloper Resources

Design Cuts LinkBlobsDesignIconsPatternsStock PhotosSVG

Design Rules
Visual design rules you can safely follow every time.

Formidable Forms (Pro) LinkPlugins
Navigator view of the page structure

Page Layout

This page was built using wpGridBuilder in combination with Avada elements. The grid and grid card are one item, and the various facets — selections, filters, pagination, and filter reset — are added using the Avada code block element. Not only is it the easiest way to add shortcodes, but it also eliminates text element styles from interfering.

The font used is Tenon, available in Adobe Fonts.

I do have a few affiliate links which is one of the reasons why I include the full URL below the title — no surprises. If you want to copy and paste the URL with out the affiliate appendage, that is perfectly acceptable.

Custom CSS used for title, link, and pagination:

Copy to Clipboard