Action Tile Collection Variations

White BG with border - 1 tile spread

Box expansion depends on the character count of text.
Action Tile 1

No BG overrides - 2 tile spread

Neither have image option styling selected.

Action title 1 - with title
Action title 2 - without title

Text alerts take action
2 Action Tiles

White BG with border - 3 tile spread

None of the action tiles have image option styling selected.

Action tile 1- long title length
Action tile 2 - medium title length
Action tile 3 - short title length

This is a long title length to see if the devs did it correctly.
This is a medium title
Shrt title

No BG overrides - 5 tile spread

None of the action tiles have image option styling selected. Various image options showcased.
Action Tile 4
Action Tile 2
Action Tile 3
pair of people walking though an industrial warehouse.
Action Tile 4
native indian feathers depicting BOKF's strong history of supporting Indian Country.
Action Tile 5

White BG with border - 6 tile spread

None of the action tiles have image option styling selected.
CDs Icon
Action Tile 1
Checking icon
Action Tile 2
Credit Cards Icon
Action Tile 3
Action Tile 4
Action Tile 5
Action Tile 6

No BG overrides - 10 tile spread - 5:4 ratio

None of the action tiles have image option styling selected, other than a 5:4 ratio.
Action Tile 1
Action Tile 2
Action Tile 3
Action Tile 4
Action Tile 5
Action Tile 6
Action Tile 7
Action Tile 8
Action Tile 9
Action Tile 10
(Opens in a new tab)

White BG with border - 11 tile spread - 16:9 ratio

Standard Img size: 100x100 or 125x125 is recommended. All image styling options utilized and hyperlinked.

  • Action Tile 1a: Image Display: Width - 100 | Aspect Ratio: 16x9 | Position: Top Left
  • Action Tile 1b: Image Display: Width - 75 | Aspect Ratio: 16x9 | Position: Bottom Center
  • Action Tile 1c: Image Display: Width - 50 |Aspect Ratio: 16x9 | Position: Bottom Left
  • Action Tile 1d: Image Display: Width - 25 | Aspect Ratio: 16x9 | Position: Bottom Right
  • Action Tile 1e: Image Display: Width - Hidden | Aspect Ratio: 16x9 | Position: Center
  • Action Tile 1f: Image Display: Width - 100 | Aspect Ratio: 16x9 | Position: Centered contain no max content
  • Action Tile 1g: Image Display: Width - 100 | Aspect Ratio: 16x9 | Position: Centered no contain
  • Action Tile 1h: Image Display: Width - 100 | Aspect Ratio: 16x9 | Position: Contain
  • Action Tile 1i: Image Display: Width - 100 | Aspect Ratio: 16x9 | Position: Top Center
  • Action Tile 1j: Image Display: Width - 100 | Aspect Ratio: 16x9 | Position: Top right
  • Action Tile 1k: Image Display: Width - 100 | Aspect Ratio: 16x9 | Position: Absolute Center
Action Tile 2
Action Tile 3
Action Tile 4
Action Tile 5
Action Tile 6
Action Tile 7
Action Tile 8
Action Tile 9
Action Tile 10
Action Tile 11
Action Tile 1