Layout Catalog
Click to navigate:
3 Sizes, 5 Styles
Small Header
Image Dimensions:
1920px Width
340px Minimum Height
Suggested Media:
Landscape Media
Subject(s) concentrated in the center of the image. Not best for people-focused imagery.
Image automatically adjusts based on screen size.
Medium Header
Image Dimensions:
1920px Width
440px Minimum Height
Suggested Media:
Landscape Media
Image automatically adjusts based on screen size.
Large Header
Image Dimensions:
1920px Width
540px Minimum Height
Suggested Media:
Landscape Media
Best for People-Focused imagery, good for including custom-designed logos and wordmarks.
Image automatically adjusts based on screen size.
Navigation Bar
37 available Media Layouts
All layouts can have customizable widths and image/color backgrounds
Layout 1
Desktop View: Right Text: 2/3, Left Graphic: 1/3.
Mobile View: Graphic on top followed by Header and body text.
Recommended Text Length:Â 75-200 Words
Media Recommendations:
- 600x400px Minimum Size
- Square or Portrait Orientation Suggested
Layout 2
Desktop View: Right Text: 2/3, Left Graphic: 1/3.
Mobile View: Graphic on top followed by Header and body text.
Recommended Text Length:
10-130 Words
Media Recommendations:
- Landscape Orientation (Will Automatically Crop to 4x3 Aspect Ratio)
Layout 3:Â Recommended Text Length: 10-75 Words
Desktop & Mobile View: Media block with an emphasis on the graphic.
Media Recommendations:
- Landscape Media Looks Best
- 16x9 Aspect Ratio or Wider
Layout 4
Desktop View: Media Gallery - displays 4 images at a time, but has the capability of holding 10 images to click through.
Mobile View: Header and body text followed by one image displaying at a time (navigate with arrows).
Recommended Text Length:
50-200 Words
Media Recommendations:
- 600x400px Minimum
- Landscape Media, Will Crop to 3x2 Aspect Ratio
Layout 5
Desktop & Mobile View: Media Gallery - displays one image at a time, but has the capability of holding 10 images to click through.
Recommended Text Length:
50-130 Words
Media Recommendations:
- 1920x800px Minimum
- Landscape Media (Will Crop to 16x9 Aspect Ratio)
Layout 6
Desktop View: displays text on top and a gallery with 2 rows of 3 images.
Mobile View: displays header, body text, then 6 images vertically.
Media Recommendations:
- 600x400px Minimum
- Landscape Media (Will Crop to 4x3 Aspect Ratio)
Layout 7
Desktop View: Right Text: 2/3, Left Graphic: 1/3.
Mobile View: Graphic on top followed by Header and body text.
Recommended Text Length:Â 50-150 Words
Media Recommendations:
- 1366x768px Minimum
- Landscape Media Suggested
Layout 8
Desktop & Mobile View: Media block with an emphasis on the graphic.
Recommended Text Length:
10-75 Words
Media Recommendations:
- 1920x800px Minimum
- Landscape Media Looks Best (16x9 Ratio or Wider)
Layout 9
Desktop View: Contains a singular text box and displays images in a collage - can display up to 15 images with various aspect ratios.
Mobile View:Â Text box followed by the amount of images uploaded, displayed sequentially
Media Recommendations:
- 600x400px Minimum
- Portrait, Landscape, or Square Aspect Ratios
- Layout Automatically Arranges to Fit Different Aspect Ratios
Layout 10
Desktop & Mobile View: 2 text boxes below the graphic
Recommended Text Length:
10-75 Words
Media Recommendations:
- 1920x800px Minimum
- Landscape Media Looks Best (16x9 Ratio or Wider)
Layout 11
Desktop View: Contains 2 text boxes and a media gallery displaying 4 images
Mobile View: 2 text boxes followed by 4 images, displayed sequentially
Media Recommendations:
- 600x400px Minimum
- Landscape Media (Will Crop to 4x3 Aspect Ratio)
Layout 12
Desktop View: Header text box followed by two columns, each containing a graphic followed by a header and body text
Mobile View: Header text box, then the left column, then the right column
Recommended Text Length:
10-75 Words Each
Media Recommendations:
- 600x400px Minimum
- Landscape Media Looks Best
Header 1
Text here
Header 2
Text here
Layout 13
Desktop View: One text box and a media gallery displaying 3 images in a collage format
Mobile View:Â Text box followed by 3 images, displayed sequentially
Media Recommendations:
- 600x400px Minimum
- Landscape Media (Automatically Crops to 4x3 Aspect Ratio)
Layout 14
Desktop & Mobile View: Text box over a custom parallax background that displays one image at a time, but has the capability of holding 6 images to click through
Recommended Text Length:
10-300 Words
Media Recommendations:
- 1920x800 Minimum
- Landscape Media Looks Best
- Do Not Recommend Images Where People Are the Main Focus
- Color Overlays & Abstract Images Work Well
Â
Â
Layout 15
Desktop View: Two-columned appearance with header text box over a custom parallax background that displays one image at a time, but has the capability of holding 6 images to click through
Mobile View:Â Header text box, then the left column, then the right column all over a custom parallax background
Recommended Text Length: 10-150 Words Each
Media Recommendations:Â
- 1920x800 Minimum
- Landscape Media Looks Best
- Do Not Recommend Images Where People Are the Main Focus
- Color Overlays & Abstract Images Work Well
Text Column 1
Text Column 2
Layout 16
Desktop View: Two text boxes: Right 1/3, 4 image media gallery: Left 2/3
Mobile View: 4 images displayed sequentially followed by a header and body text box
Recommended Text Length: 50-250 Words
Media Recommendations:
- 600x400px Minimum
- Landscape Media in Top Left and Bottom Right
- Square Media in Bottom Left and Top Right
Layout 17
Desktop View: Two text boxes: Left 1/3, 3 image media gallery: Right 2/3
Mobile View: Header and body text boxes followed by 3 images displayed sequentially
Recommended Text Length: 50-250 Words
Media Recommendations:
- Top Slot: 1366x768px Minimum
- Bottom Slots: 600x400px Minimum
- Landscape Media, or Square on Bottom Slots
Layout 18
Desktop View: Three-columned appearance with circular graphics and accompanying text boxes. Displays 3 at a time, but has the capability of holding 10 images to click through
Mobile View: Singular text box followed by one image & description, can navigate through all 10 images/descriptions by clicking the arrows
Recommended Text Length: 10-75 Words Each
Media Recommendations:
- 600x600px Recommended
- Square Images or Icons (Will Be Cropped to a Circle Shape)
Text here
Text here
Text here
Text Here
Layout 19
Desktop View: Header text and body text boxes followed by a two-columned appearance. Each "column" has an image and two text boxes - header and paragraph
Mobile View: Header text and body text boxes, then the left column (image + header + text), then the right column (image + header + text)
Recommended Text Length: 10-150 Words Each
Media Recommendations:
- 600x400px Minimum
- Landscape Media Looks Best
Header 1
Text here
Header 2
Text here
Layout 20
Desktop & Mobile View: Two text box block - very helpful for HTML embeds
Recommended Text Length: 10-300 Words
Layout 21 - Column 1
Flipping Pane with Icon
Mobile View: Displays First
Media Recommendations:
- 600x400px Minimum
- Square or Portrait Images Work Well
- Icons or Square Graphics for Avatar Image
Text here
Layout 21 - Column 2
Flipping Pane with Icon
Mobile View: Displays Second
Media Recommendation:
- 600x400px Minimum
- Square or Portrait Images Work Well
- Icons or Square Graphics for Avatar Image
Text here
Â
Â
Layout 22 - Column 1
Flipping Pane with Icon
Mobile View: Displays First
Media Recommendations:
 - 600x400px Minimum
- Square or Portrait Images for Background
- Square Icons for Avatar Image
Text here
Layout 22 - Column 2
Flipping Pane with Icon
Mobile View: Displays Second
Media Recommendations:
 - 600x400px Minimum
- Square or Portrait Images for Background
- Square Icons for Avatar Image
Text here
Layout 22 - Column 3
Flipping Pane with Icon
Mobile View: Displays Third
Media Recommendations:
 - 600x400px Minimum
- Square or Portrait Images for Background
- Square Icons for Avatar Image
Text here
Layout 23
Desktop View: Left Text: 2/3, Right Graphic: 1/3
Mobile View: Header and body text followed by graphic
Recommended Text Length: 75-200 Words
Media Recommendations:
- 600x400px Minimum
- Square or Portrait Media Suggested
Layout 24
Desktop View: Left Text: 1/3, Right Graphic: 2/3
Mobile View: Header and body text boxes followed by graphic
Recommended Text Length: 50-150 Words
Media Recommendations:
- 1366x768px Minimum
- Landscape Media Suggested
Layout 25
Desktop View: Two text boxes: Left 1/3, 4 image media gallery: Right 2/3
Mobile View: Header and body text boxes followed by 4 images, displayed sequentially
Recommended Text Length: 50-250 Words
Media Recommendations:
- 600x400px Minimum
- Landscape Media in Top Left and Bottom Right Slots
- Square Media in Bottom Left and Top Right SlotsÂ
Layout 26
Desktop View: 3 Image Layout Left 2/3, Text Right 1/3
Mobile View: 3 images displayed sequentially followed by text
Recommended Text Length: 50-250 Words
Media Recommendations:
- Top Slot: 1366x768px Minimum
- Bottom Slots: 600x400px Minimum
- Landscape Media, or Square on Bottom Slots
Layout 27: Column 1:Â
Recommended Text Length:
10-75 Words
Media Recommendations:
- 600x400px Minimum
- Landscape or Square Media
- Same Aspect Ratio for All 3 Images
Layout 27: Column 2:
Recommended Text Length:
10-75 Words
Media Recommendations:
- 600x400px Minimum
- Landscape or Square Media
- Same Aspect Ratio for All 3 Images
Layout 27: Column 3:
Recommended Text Length:
10-75 Words
Media Recommendations:
- 600x400px Minimum
- Landscape or Square Media
- Same Aspect Ratio for All 3 Images
Layout 28
Desktop View: Text Left 1/2, Graphic Right 1/2
Mobile View: Text followed by Graphic below
Recommended Text Length: 50-150 Words
Media Recommendations:
- 1920x1080px Minimum
- Landscape Media Recommended
Layout 29
Desktop View: Graphic Left 1/2, Text Right 1/2
Mobile View: Graphic Followed by Text
Recommended Text Length: 50-150 Words
Media Recommendations:
- 1920x1080px Minimum
- Landscape Media Recommended
Layout 30
Desktop View: Image Left 1/3, Text Right 2/3
Mobile View: Image followed by text.
Holds up to 10 images, navigate by clicking side arrows.
Recommended Text Length: 50-200 Words
Media Recommendations:
- 1366x768px Minimum
- Square Media Recommended
Layout 30
Desktop View: Image Left 1/3, Text Right 2/3
Mobile View: Image followed by text.
Holds up to 10 images, navigate by clicking side arrows.
Layout 31
Desktop View: Header Text Left 1/2, Text Right 1/2
Mobile View: Header followed by Text
Recommended Text Length: 10-250 Words
Layout 32
Desktop View: Header, 4 Image Gallery with subheaders and text boxes below each.
Mobile View: Header followed by Image, Subheader, and Text, Sequentially by Column
Recommended Text Length: 10-75 Words Each
Media Recommendations:
- 600x400px Minimum
- Use Images with the Same Aspect Ratio
Column 1
Text Here
Column 2
Text Here
Column 3
Text Here
Column 4
Text Here
Layout 33
Desktop View: Text Box Left 1/2, Text Box Right 1/2
Mobile View: Text Box on top of Text Box
Recommended Text Length: 50-200 Words
Media Recommendations:
- Use background color or image for block
- 1920x800px Minimum
- Landscape Media Suggested
Layout 34
Media Recommendations:
- 400x600px Minimum
- Vertical Media Required
Layout 34
Media Recommendations:
- 400x600px Minimum
- Vertical Media Required
Layout 34
Media Recommendations:
- 400x600px Minimum
- Vertical Media Required
Layout 34
Media Recommendations:
- 400x600px Minimum
- Vertical Media Required
Layout 35
4 columns of stacked text boxes, with optional buttons
Layout 35
Text boxes have a background color applied for visual interest & separation
Layout 35
Column 3
Layout 35
Column 4
Summary Block
Desktop & Mobile View: Profile image followed by header and body text boxes
Media Recommendations:
- 600x600px Recommended
- Use Square Graphic (Automatically Cropped into Circle)
Contact Block
Desktop View:Â Two text boxes: Right 2/3, Singular logo graphic: Left 1/3
Mobile View: Graphic followed by header and body text boxes
Media Recommendations:Â
- 600x400px Minimum
- Square or Portrait Media Suggested
Name
Company
Position
Phone Number: 470-223-4818
Email: info@ifoliocorp.com
9 available Chart Layouts
All layouts can have customizable widths and image/color backgrounds
Layout 1
Desktop View: Right Text: 2/3, Left Animated Chart: 1/3
Mobile View: Chart followed by header and body text boxes
Recommended Text Length: 75-200 Words
Layout 2
Desktop & Mobile View: Chart block with header text box, body text box, and center chart
Recommended Text Length: 10-75 Words
Layout 3
Desktop View: Right Text: 1/3, Left Animated Chart: 2/3
Mobile View: Chart followed by header and body text blocks
Recommended Text Length: 50-150 Words
Layout 4
Desktop & Mobile View: Chart block with header text box, body text box, and chart
Recommended Text Length: 10-75 Words
Layout 5
Desktop & Mobile View: Chart block with header text box and body text box at the bottom with a chart at the top
Recommended Text Length: 10-75 Words
Layout 6
Desktop View: Singular text box followed by two-columned appearance. Each "column" has an chart and two text boxes - header and paragraph
Mobile View: Text box followed by left column (graph, header, body text) followed by right column (graph, header, body text)
Recommended Text Length: 10-75 Words Each
Header 1
Text here
Header 2
Text here
Layout 7
Desktop View: Header text box and body text box followed by two-column layout of charts, headers, and body text boxes
Mobile View: Header and body text box followed by left column (graph, header, body text) followed by right column (graph, header, body text)
Recommended Text Length: 10-150 Words Each
Header 1
Text here
Header 2
Text here
Layout 8
Desktop View: Left Text: 1/3, Right Animated Chart: 2/3
Mobile View: Header and body text boxes followed by chart
Recommended Text Length: 50-150 Words
Layout 9
Desktop View: Left Text: 2/3, Right Animated Chart: 1/3
Mobile View: Header and body text boxes followed by chart
Recommended Text Length: 75-200 Words
4 available Icon Layouts
All layouts can have customizable widths and image/color backgrounds
Media Recommendations:
- Use Icon Builder or Upload Square Graphics
- 460x360px Minimum
-Can Use Animated GIFs
Layout 1
Desktop View: Header text box followed by three-column icon and text layout where icons can be static or animated GIFs
Mobile View: Text box followed by each icon and text box, showing sequentially
Recommended Text Length: 10-75 Words Each
Icon 1
Icon 2
Icon 3
Layout 2
Desktop View: Header text box followed by two-column & two-row icon and text layout where icons can be static or animated GIFs
Mobile View: Header text box followed by each of the 4 icons/descriptions sequentially
Recommended Text Length: 10-75 Words Each
Icon 1
Icon 2
Icon 3
Icon 4
Layout 3
Desktop View: Two text boxes: Left 1/2, Two-column & Two-row icon and text layout where icons can be static or animated GIFs: Right 1/2
Mobile View: Header and body text boxes followed by 4 icons/descriptions shown sequentiallyÂ
Recommended Text Length: 50-200 Words, 10-50 Words for Each Icon
Icon 1
Icon 2
Icon 3
Icon 4
Layout 4
Desktop View:Â Header text box followed by rows of 3 icons & two icons and text layout where icons can be static or animated GIFs
Mobile View: Header followed by 4 icons/descriptions shown sequentially
Recommended Text Length: 10-75 Words Each
Icon 1
Icon 2
Icon 3
Icon 4
Icon 5
Layout 36 Footer:
Recommended Text Length:
15-100 Words Each
Media Recommendations:
- 600x400px Recommended
- Square or Vertical Media Recommended
Background Image Recommendations:
- 1920x800 Minimum
- Landscape Media Looks Best
- Color Overlays & Abstract Images Work Well
Legal | Security | News | Products
Download The Layout Guide
950 East Paces Ferry Rd NE, Suite 1500, Atlanta, Georgia 30326
Phone:Â 470 - 223 - 4818, |Â Email:Â info@ifoliocloud.com