Interra Credit Union

Page Banner

Style Guide

Every section type, with its main options.

Page-top banner, set on the page's Banner tab (shown when its Heading is filled; the title band is then skipped). Eyebrow, headline, optional subheading, body, buttons and a photo.

Check hero family

Intro

Opening copy that frames the page. One per page at the top with the display-size headline; further prose blocks are Intros with the headline switched to section size.

Display headline intro

A short lead sentence gets the H2 treatment.

Sample copy. Replace with real content that explains the product, answers the member’s question and points to the next step.

  • Bullet lists are allowed in intros.
  • Keep items short.

Section-size headline intro

Sample copy. Replace with real content that explains the product, answers the member’s question and points to the next step.

Text

Free-form rich text (headings, lists, links, images). Layout: Standard, Centered or Full width.

Heading two

Sample copy. Replace with real content that explains the product, answers the member’s question and points to the next step. An inline link.

Heading three

  1. Numbered list item
  2. Second item

A quote sits in the text flow like this.

Centered text

Sample copy. Replace with real content that explains the product, answers the member’s question and points to the next step.

Feature Panel

A light-gray panel spotlighting one product or idea: heading, paragraphs, buttons. No bullet lists.

Feature Panel heading

Sample copy. Replace with real content that explains the product, answers the member’s question and points to the next step.

A second paragraph is fine.

Callout Bar

A one-line prompt with a single button. Tone: Default (light-gray bar) or Dark (full-width slate band, no section margin).

Callout Bar: default tone

A one-line supporting sentence.

Callout Bar: dark tone

A one-line supporting sentence on the dark band.

Product Cards

Parallel offerings (accounts, cards, loans). 2 or 3 columns; optional icon tab, headline, specs and up to two pills plus a text-style link.

Product Cards: 3 columns with icons

Checking

Card headline

Sample copy. Replace with real content that explains the product, answers the member’s question and points to the next step.

Savings

With a spec list

Specs render as label/value rows.

Minimum to open $25.00
Monthly fee None

Credit Cards

Bulleted body
  • First benefit
  • Second benefit
  • Third benefit

Without an icon

The header runs full width

Sample copy. Replace with real content that explains the product, answers the member’s question and points to the next step.

Second card

Two-column layout

Sample copy. Replace with real content that explains the product, answers the member’s question and points to the next step.

Stat Cards

Two or three highlighted numbers or claims, headline style. Don’t force a third card to fill a row.

Stat Cards

Optional intro line.

16 offices

Across north central Indiana.

5,000+ shared branches

Plus 30,000 surcharge-free ATMs.

Since 1932

Member-owned, locally invested.

Steps

A numbered “how it works” sequence; numbers come from the order. Up to four per row.

Steps heading

Optional intro line.

  1. Step 1: First step

    What the member does first.

  2. Step 2: Second step

    What happens next.

  3. Step 3: Third step

    Keep each step to a sentence or two.

  4. Step 4: Fourth step

    The outcome.

CTA Cards

Photo cards with a title, optional bold subheading, body and one pill, on the light-green band. Mostly the site-wide “what next” band; can carry an in-band heading and intro.

CTA Cards with an in-band heading

Optional intro line inside the band.

Check schedule

Card with subheading

Optional bold subheading.

Sample copy. Replace with real content that explains the product, answers the member’s question and points to the next step.

Cta schedule

Plain card

Sample copy. Replace with real content that explains the product, answers the member’s question and points to the next step.

App Promo

A photo beside a heading, text and optional button, on the brand-pattern card. Image side: Right or Left.

App Promo: image right

Sample copy. Replace with real content that explains the product, answers the member’s question and points to the next step.

App hands

App Promo: image left

Sample copy. Replace with real content that explains the product, answers the member’s question and points to the next step.

Several paragraphs and no button are fine.

Article chart

Lead Bullets

A two-column list of benefits, each with a bold lead-in phrase.

Lead Bullets heading

No annual fee and no-cost employee cards.

Local connection and 24/7 member service.

Spending limits set per employee.

Fraud protection on every card.

Feature List

Label on the left, detail on the right (e.g. required documents). “Truncate” clamps a long list with a fade and Read more.

Feature List heading

Optional intro.

Sole proprietorship
  • Government ID
  • Business name certificate
Learn More
Partnership
  • Partnership agreement
  • ID for each partner
Corporation
  • Articles of incorporation
  • Corporate resolution
  • EIN documentation
Nonprofit
  • 501(c)(3) letter
  • Bylaws

Cell Grid

A grid of short link blurbs or downloadable documents (Download icons switch).

Cell Grid heading

PDF download.
PDF download.
PDF download.

FAQ

Questions and answers of any kind. Tone: Green (default) or Dark; “Collapsible” folds the whole group under its heading.

FAQ heading

Optional intro.

Team

People picked from Entries → Staff. The card line is Position | Location · Extra information.

Team heading

Optional intro.

Jeremy Bender
Jeremy Bender
Head of Agribusiness Lending
Jason Golden
Jason Golden
Senior Vice President Ag Lender
Clayton Sheets
Clayton Sheets
Regional Ag Lending Manager
Tim Yoder
Tim Yoder
Chairman | Goshen · Board member since 2012

Videos

One or more videos with captions (YouTube, Vimeo or an uploaded MP4).

Videos heading

Caption under the video

Calculator

One Fintactix calculator, picked from Entries → Calculators. “Collapsible” folds it under its heading.

Calculator Accordion

Two or more calculators as accordion rows; each loads when opened.

Calculators

Comparison Table

Feature-by-feature comparison of two products. âś“ renders a check; [N] adds a NEW badge.

Comparison Table heading

Minimum to open

Product A

$25.00

Product B

$25.00

Earns dividends

Product A
Yes
Product B

No

New:A new feature
Product A
Yes
Product B
Yes
Fine print under the table.

Disclosure Tables

Rate/fee schedules and multi-column terms tables.

Disclosure Tables heading

Terms effective as of a date.

Overdraft
$29.00
Stop payment
$25.00
A full-width note row
Service
Fee

Rate Table

A published rate table from Entries → Rates (never type rates on a page). Options: effective date, collapsible, light values.

Rate Table heading

Effective Date: 10/08/26

Member Share Savings
APY
5.050%
Min Deposit
$5.00²
Min Balance
>$0.00
Share Savings
APY
0.050%
Min Deposit
$5.00
Min Balance
>$0.00
Bonus Rate 1
APY
1.000%
Min Deposit
$25.00
Min Balance
>$0.00
Bonus Rate 2
APY
0.500%
Min Deposit
$25.00
Min Balance
>$0.00
Second Tiered Rate
APY
0.150%
Min Deposit
$25.00
Min Balance
>$0.00
Base Rate
APY
0.010%
Min Deposit
$25.00
Min Balance
>$0.00
APY
0.000%
Min Deposit
$25.00
Min Balance
>$0.00
Sign & Save Savings
APY
0.100%
Min Deposit
$0.00
Min Balance
>$0.00
Christmas Club
APY
0.100%
Min Deposit
$0.00
Min Balance
>$0.00
Kids Club
APY
0.100%
Min Deposit
$5.00
Min Balance
>$0.00
HSA Savings
APY
0.100%
Min Deposit
$5.00²
Min Balance
>$0.00
APY
0.250%
Min Deposit
$25.00
Min Balance
>$0.00
IRA Savings
APY
0.100%
Min Deposit
$5.00²
Min Balance
>$0.00

Rates Strip

Headline rate tiles pulled from Rates tables (homepage).

Rates Strip heading

Hero

The homepage hero: headline, body, one button, photo and product icon links.

Hero headline

Sample copy. Replace with real content that explains the product, answers the member’s question and points to the next step.

Interra hero

Promo Carousel

Rotating promotions: its own slides, selected Promos entries, or all promos for a placement (optionally personalized to what the visitor viewed).

Eyebrow

Slide headline

Slide body copy.

Promo beach

Second slide

Carousels rotate with arrows and dots.

Promo beach

Article List

A paginated card grid of Articles, Press Releases or Newsletters. Cards without an image show a logo placeholder.

Embed

An iframe (map, third-party tool) at a URL.

Embed heading

Code

Raw HTML for true one-offs (third-party widgets). Last resort; prefer a real section type.

Raw HTML renders here as-is.

Form

A Freeform form. Live: this example submits to the real Contact Form inbox, so don’t send test entries.

Form heading

Complete the form below, and one of our specialists will contact you within 24 hours.

Appointment Scheduler

The appointment booking tool. Live: bookings made here are real.

CTA Cards: standard trio

The site-wide “what next” band (Open an Account / Schedule / Contact), managed in Entries → CTA Band.