Filters

Adobe Color Contrast Analyzer

https://color.adobe.com/create/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

https://fonts.adobe.com/
Thousands of fonts that can be used for both personal and commercial projects
DesignTypography

Adobe Stock

https://stock.adobe.com/
Find the perfect stock asset for your next creative project.
Stock AudioStock PhotosStock Video

Avada Documentation

https://theme-fusion.com/documentation/avada/Avada Official ResourcesDeveloper ResourcesLearning

Avada Patch List

https://theme-fusion.com/support/themefusion-system-status/Avada Official ResourcesDeveloper Resources

Avada Video Library

https://theme-fusion.com/documentation/avada/video-tutorials/Avada Official ResourcesDesignDeveloper ResourcesLearning

Black Illustrations

https://www.blackillustrations.com/
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.
Illustrations

Can I use …

https://caniuse.com/
"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

https://maximeroudier.com/typeScaleClampGenerator/CSS Code GeneratorDesignTypography

Color Contrast Checker

https://contrastchecker.com/
A nice tool for checking color contrast.
Color Contrast Tools

ColorSlurp

https://colorslurp.com/
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

https://css2sass.herokuapp.com/CSS Code GeneratorDesignDeveloper Resources

Data Visualization Standards

https://xdgov.github.io/data-design-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

https://www.designcuts.com/?rel=stphnwlkrAffiliate LinkBlobsDesignIconsPatternsStock PhotosSVG

Design Rules

https://anthonyhobday.com/sideprojects/saferules/
Visual design rules you can safely follow every time.
AccessibilityDesign

Formidable Forms (Pro)

https://shareasale.com/r.cfm?b=1761661&u=2931448&m=64739&urllink=&afftrack=Affiliate 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