Skip to main content

Page Options

Hero​

A hero image usually takes up the full width of the screen somewhere at the top of the screen. It is meant to be large and attention-grabbing.

The following options can be filled in when Hero is chosen:

  • Heading
  • Tagline
  • Image along with Alternative Text (for ADA/accessibility purposes)
    • The image can be uploaded from your computer or selected from images that have already been uploaded to Sanity
    • Alternative text is a brief description of the image

Hero With Text​

A hero image usually takes up the full width of the screen somewhere at the top of the screen. It is meant to be large and attention-grabbing.

The following options can be filled in when Hero With Text is chosen:

  • Heading
  • Subheading
  • Font Color
  • Button One and Button Two and Button Three
    • Button Text
    • Button Type
    • Button URL: can be an internal link or external URL
  • Image along with Alternative Text (for ADA/accessibility purposes)
    • The image can be uploaded from your computer or selected from images that have already been uploaded to Sanity
    • Alternative text is a brief description of the image

An image carousel refers to a slideshow of photos.

The following options can be filled in when Carousel is chosen:

  • Images

Each item in images will have the option to fill in the following fields:

  • Image along with Alternative Text (for ADA/accessibility purposes)
    • The image can be uploaded from your computer or selected from images that have already been uploaded to Sanity
    • Alternative text is a brief description of the image
  • Message
  • Button Text
  • Button URL
  • Internal Link or External Link

Form​

Here, any Form created can be chosen. See Form on how to create a Form.

Video​

The following options can be filled in when Video is chosen:

  • Video Label
  • URL

APR Grid​

Here, any APR/APY created can be chosen. See APR/APY on how to create an APR/APY.

Here, any Image with Link created can be chosen. See Image with Link on how to create an Image with Link.

There is also the option to choose between half page and full page width.

Blurbs with Social Media​

Here, any News created can be chosen. See News on how to create a News.

There is also the option to fill in a Heading.

Rate Tables​

Here, any Rate Tables created can be chosen. See Rate Tables on how to create a Rate Tables.

There is also the option to fill in a Title.

Text Block​

The following options can be filled in when Text Block is chosen:

  • Content
  • Text Alignment (options: Left, Right, Center)

Button​

The following options can be filled in when Button is chosen:

  • Button Text
  • Button Type (options: Primary, Secondary, Dark Blue, Light Blue, Dark Green)
  • Button URL (Internal Link or External URL)

\

Square Textboxes​

Here, any Square Textbox created can be chosen. See Square Textbox on how to create a Square Textbox.

There is also the option to choose a Layout:

  • 1 wide
  • 2 wide 50/50
  • 2 wide 60/40
  • 2 wide 40/60
  • 2 wide 70/30
  • 2 wide 30/70
  • 3 wide
  • 4 wide
  • 6 grid
  • 6 grid - askew

\

Page Divider​

The following options can be filled in when Page Divider is chosen:

  • Width with options:
    • Half Page
    • Full Page
  • Line Thickness with options (1 being the thinnest and 3 being the thickest):
    • 1x
    • 2x
    • 3x
  • Color Hex Code

Location Information​

The following options can be filled in when Location Information is chosen:

  • Branch Name
  • Location Image along with Alternative Text (for ADA/accessibility standards)
  • Map
    • Click “Set Location” to use Google Maps to set the location
  • Location Details
  • Additional Details
  • Additional Details (non-text) with options:
    • Image with Links
    • Button

Homepage Grid​

The following options can be filled in when Homepage Grid is chosen:

  • Top Left, Top Right, Bottom Left, Bottom Right
    • Header
    • Items with options:
      • Video
      • Text Block
      • Blurbs with Social Media
      • Image
      • Circles with Text
      • Icon with Side Text
    • Background Color with options:
      • Blue - dark
      • Blue - medium-dark
      • Blue - medium-light
      • Blue - light
      • Green - dark
      • Green - light
      • Tan
      • White

Icon with Side Text​

The following options can be filled in when Icon with Side Text is chosen:

  • Image along with Alternative Text (for ADA/accessibility purposes)
    • The image can be uploaded from your computer or selected from images that have already been uploaded to Sanity
    • Alternative text is a brief description of the image
  • Heading
  • Subheading
  • Side Text
  • Button
    • Button Text
    • Button Type (options: Primary, Secondary, Dark Blue, Light Blue, Dark Green)
    • Button URL (Internal Link or External URL)
  • Alignment with options (Icon / Text or Text / Icon)

\

Text Block w/ Heading​

The following options can be filled in when Text Block w/ Heading is chosen:

  • Heading
  • Heading Color with options:
    • Blue - dark
    • Blue - medium-dark
    • Blue - medium-light
    • Blue - light
    • Green - dark
    • Green - light
    • Tan
    • White
  • Underline with options: none, extra thin, thin, thick, extra thick
  • Underline Color with same options as Heading Color
  • Content
  • Text Alignment with options: Left, Center, Right

Text Block w/ Subheading​

The following options can be filled in when Text Block w/ Subheading is chosen:

  • Heading
  • Heading Color with same options as Heading Color in Text Block w/ Heading
  • Top Border with options: none, extra thin, thin, thick, extra thick
  • Topline Color with same options as Heading Color in Text Block w/ Heading
  • Subheading Sections
    • Here, you will have the opportunity to Add Items
    • These items will have the option to fill in:
      • Subheading
      • Heading color with same options as Heading Color in Text Block w/ Heading
      • Image along with Alternative Text
      • Content
  • Button
    • Button Text
    • Button Type (options: Primary, Secondary, Dark Blue, Light Blue, Dark Green)
    • Button URL (Internal Link or External URL)

Contacts Section​

The following options can be filled in when Contacts Section is chosen:

  • Heading
  • Title Color
  • Button
    • Button Text
    • Button Type (options: Primary, Secondary, Dark Blue, Light Blue, Dark Green)
    • Button URL (Internal Link or External URL)
  • Contacts
    • Here, you will have the opportunity to Add Items:
      • Contact Name
      • Contact Info
  • Bottom Border
  • Border Color
  • Side Text Block
  • Side Text Block Color

Dropdown with Text​

The following options can be filled in when Dropdown with Text Section is chosen:

  • Title
  • Title Color with options:
    • Blue - dark
    • Blue - medium-dark
    • Blue - medium-light
    • Blue - light
    • Green - dark
    • Green - light
    • Tan
    • White
  • Title Background Color with options:
    • Blue - dark
    • Blue - medium-dark
    • Blue - medium-light
    • Blue - light
    • Green - dark
    • Green - light
    • Tan
    • White
  • Expanded Content

The following options can be filled in when Dropdown with Rate Table Section is chosen:

  • Title
  • Title Color with options:
    • Blue - dark
    • Blue - medium-dark
    • Blue - medium-light
    • Blue - light
    • Green - dark
    • Green - light
    • Tan
    • White
  • Dropdown Bar Text Color with options:
    • Blue - dark
    • Blue - medium-dark
    • Blue - medium-light
    • Blue - light
    • Green - dark
    • Green - light
    • Tan
    • White
  • Dropdown Bar Background Color with options:
    • Blue - dark
    • Blue - medium-dark
    • Blue - medium-light
    • Blue - light
    • Green - dark
    • Green - light
    • Tan
    • White
  • Rate Tables

There are two options:

  1. Any Rate Tables created can be chosen. See Page 35 on how to create a Rate Tables.
  2. A Button Collection can be created. You are able to create as many buttons as you like by clicking “+ Add Item”. See Button on how to create a Button.
  • Disclaimers

Calculator​

The following options can be filled in when Calculator Section is chosen:

  • Title
  • Title Color with options:
    • Blue - dark
    • Blue - medium-dark
    • Blue - medium-light
    • Blue - light
    • Green - dark
    • Green - light
    • Tan
    • White
  • Heading
  • Heading Color with options:
    • Blue - dark
    • Blue - medium-dark
    • Blue - medium-light
    • Blue - light
    • Green - dark
    • Green - light
    • Tan
    • White
  • Buttons

A Button Collection can be created. You are able to create as many buttons as you like by clicking “+ Add Item”. See Button on how to create a Button.

  • Side Textbox
  • Side Textbox Color with options
    • Blue - dark
    • Blue - medium-dark
    • Blue - medium-light
    • Blue - light
    • Green - dark
    • Green - light
    • Tan
    • White

Form with Side Text​

The following options can be filled in when Form with Side Text Section is chosen:

  • Form

Here, any Form created can be chosen. See Form on how to create a Form.

  • Content
  • Alignment with options:
    • Form/Text: form on left, text on right
    • Text/From: text on left, form on right


Images Collection​

The following options can be filled in when Images Collection Section is chosen:

  • Title

  • Title Color with options:

    • Blue - dark
    • Blue - medium-dark
    • Blue - medium-light
    • Blue - light
    • Green - dark
    • Green - light
    • Tan
    • White

  • Underline Thickness with options:

    • None
    • Extra Thin
    • Thin
    • Thick
    • Extra Thick

  • Underline Color with options:

    • Blue - dark
    • Blue - medium-dark
    • Blue - medium-light
    • Blue - light
    • Green - dark
    • Green - light
    • Tan
    • White

  • Array of Image Cards

    You are able to create as many image cards as you like by clicking “+ Add Item”. See Image Card on how to create an Image Card.

    • Split into Columns
    • Column 2 Title
    • Column 2 Title Color with options:
      • Blue - dark
      • Blue - medium-dark
      • Blue - medium-light
      • Blue - light
      • Green - dark
      • Green - light
      • Tan
      • White
    • Column 2 Underline Thickness with options:
      • None
      • Extra Thin
      • Thin
      • Thick
      • Extra Thick
    • Column 2 Underline Color with options:
      • Blue - dark
      • Blue - medium-dark
      • Blue - medium-light
      • Blue - light
      • Green - dark
      • Green - light
      • Tan
      • White
    • Column 2 Array of Image Cards

This is for the private page BOARDLINKS only​

The following options can be filled in when Report Type (BoardLinks) Section is chosen:

  • Title
  • Title Color with options:
    • Blue - dark
    • Blue - medium-dark
    • Blue - medium-light
    • Blue - light
    • Green - dark
    • Green - light
    • Tan
    • White
  • Slug
    • A slug is a descriptive text after the website name at the end of a URL
    • Ex. https://wavefcu.org/business-checking (slug highlighted in purple)
    • You must enter this manually and use dashes between words
    • Ex. Board of Directors will be board-of-directors
  • Sub Categories

You can add as many Report Subgroup (BoardLinks) in Sub Categories as you like by clicking “+ Add item”. See Report Subgroup on how to create a Report SubGroup (BoardLinks).

Image Card​

The following options can be filled in creating an Image Card:

  • Image

Upload a new image or select an image that has already been uploaded

  • Atternative text

You must enter text that describes the image. This is for ADA purposes so screen readers can interpret the image to the visually impaired.

  • Title
  • Title Color with options:
    • Blue - dark
    • Blue - medium-dark
    • Blue - medium-light
    • Blue - light
    • Green - dark
    • Green - light
    • Tan
    • White
  • Subtitle One
  • Subtitle Two

This is for the private page BOARDLINKS only​

The following options can be filled in when a Report Subgroup (BoardLinks) is created:

  • Title
  • Font Color with options:
    • Blue - dark
    • Blue - medium-dark
    • Blue - medium-light
    • Blue - light
    • Green - dark
    • Green - light
    • Tan
    • White
  • Slug
    • A slug is a descriptive text after the website name at the end of a URL
    • Ex. https://wavefcu.org/business-checking (slug highlighted in yellow)
    • You must enter this manually and use dashes between words
    • Ex. Board of Directors will be board-of-directors

You can add as many files as you like by clicking “+ Add item”. You can either create a new Board PDF or select one that has already been created. See Board PDFs on how to create Board PDFs.





\