The first “Group” block on a page has preset padding top and bottom for consistency on page layout. This can be overridden in the styles panel if needed.
Heading styles – use Dimensions > Margin > Margin Top to set custom margins
Heading 1
Heading 2
Main color. For secondary color must Edit as HTML and set add <span class=”two-tone”></span> .
Heading 3
Heading 4
Heading 4 Orange (set text color in styles panel)
Heading 5
Heading 6
Body text styles – use Dimensions > Margin > Margin Top to set custom margins (default margins are margin-top)
Body Text
Right arrow link (css class = right-arrow-after)
Small primary color right arrow link (css class = roboto-label-small right-arrow-after)
Link with vimeo lightbox (add add-vimeo-pop to additional css classes)
Lightbox link tips:
- Use “add-vimeo-pop” to add a lightbox video to a button or link (Select block >> Advanced >> Additional CSS Classes)
- Use “popup-vimeo” to add lightbox class to images (Image >> Hyperlink >> link settings)
List style check-circle:
- Add css class “check-circle” to additional css classes for List (not list item)
- Item 2
List style check-square:
- Add css class “check-square” to additional css classes for List (not list item)
- Item 2
Zoom and zoom box: Add class “zoom” to image for zoom on hover style. Add class “zoom-box” to image for zoom/grow on hover style.
Button styles – use Styles panel to choose style
Regular Quote Block – use Styles panel to choose style (default or plain)
Default Style: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.”
Plain Style: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.”
Blue Cards – use Group block – content width 800 and card columns inside (set columns class = card-simple-lt-blue)
Gray Cards – use Group block – content width 800 and card columns inside (set columns class = card-simple-gray)
Heading
Subhead
Content
Heading
Subhead
Content
Horizontal Logos – use Group block > select Row > set justification under Settings
Blue background with rounded corners for forms – use Columns block
Heading
Content
Set individual column css = form-bg
And add padding top/bottom=small, left/right=xsmall
HTML Block with form code here
Gray Columns with rounded corners – set css = gray-columns
[icon]
HEading 4
Heading 3
Content
[icon]
HEading 4
Heading 3
Content
[icon]
HEading 4
Heading 3
Content
Columns with larger gap between – select columns block, in styles panel > Dimensions > Block Spacing L&R to xLarge
Heading 3
Content
Heading 3
Content
Image that opens a vimeo link on click – add link and link clsss = popup-vimeo
Light gray background
Use Group > select Group > css class = lt-gray-background, set group alignment to full width. Padding is set in style.css.
Light blue background
Use Group > select Group > css class = lt-blue-background, set group alignment to full width. Padding is set in style.css.
Stats styles
give columns below css style = stats
and set width per column as needed
$00
text
$00
text
00%
text
Quote boxes – set css for columns = quote-boxes, set css for column quote = quote-box-blue, headshot should sized prior to upload to 75px x 75px.
Our Foundation has been using GLM for over a decade and it has streamlined our grantmaking immensely. Our subscription to this service is some of the best money we spend every year. I couldn’t imagine doing our work without it.”
Holly Launchbaugh
South Central Community Foundation
We have been using Foundant for 6 years and I love that the organization listens to feedback, is accessible, and is continually improving the product.”
James Nelson
Michigan Humanities Council
VPAT style – set css for columns = vpat-column, check image has to be a transparent png (or gif) and should be sized to 96px x 96px.
Grant management made more accessible
Foundant’s grant lifecycle management platform is designed to be inclusive. We believe that everyone, regardless of ability, should have equal access to funding opportunities. That’s why we’re committed to providing a platform that supports your applicants and helps you run an inclusive program.
A more inclusive experience
We achieved a VPAT certification, demonstrating our commitment to meeting industry-leading accessibility standards. Our platform is compliant with WCAG 2.1, Section 508, and other relevant guidelines.