The About Us Layouts are designed to give a clear and thoughtful introduction to your church. We've selected blocks that will help you give needed information in a visually appealing way.
TABLE OF CONTENTS
Layout 1
The table below lists the blocks used in layout 1. It also includes some of the basic settings in place so that you can easily duplicate them as needed to keep a consistent look and feel on the page.
Block 1: Text Block
| Property | Value |
|---|---|
| Text color | #494949 |
| Block height | 100% |
| Space above | 8% |
| Space below | 3% |
Block 2: Two Thirds Text (33/66)
| Property | Value |
|---|---|
| Subtitle Color | The primary link color of the site. |
| Title Color | #252e32 or the primary text color for content on the site. |
| Border Color | The primary link color of the site. |
| Space above/Below border | 15px |
| Gap size | 40px |
| Space above block | 10% |
| Space below block | 10% |
Block 3: Full Width Image
| Property | Value |
|---|---|
| Image | https://s3.amazonaws.com/churchplantmedia-cms/z_ds_apollos_102824/spheader.jpg |
| Banner image overlay | #00000020 |
| Height | 525px |
| Space above block | 0% |
| Space below block | 28% |
Block 4: Two Thirds Text (66/33)
| Property | Value |
|---|---|
| Subtitle Color | The primary link color of the site. |
| Title Color | #252e32 or the primary text color for content on the site. |
| Border Color | The primary link color of the site. |
| Space above/Below border | 15px |
| Gap size | 40px |
| Space above block | 10% |
| Space below block | 10% |
Layout 2
The table below lists the blocks used in Layout 2. It also includes some of the basic settings in place so that you can easily duplicate them as needed to keep a consistent look and feel on the page.
Block 1: Text Block
Basic Text Block
| Property | Value |
|---|---|
| Text color | #494949 |
| Block height | 100% |
| Space above | 8% |
| Space below | 3% |
Block 2: Content Width 50/50
This is an Image and Text block with the image set to the left side.
| Property | Value |
|---|---|
| Image Alignment | Left |
| Title Color | The primary link color of the site. |
| Text Color | #252e32 or the primary text color for content on the site. |
| Block Elements | Heading is visible. Paragraph is visible. Button is hidden. |
| Full Width | False |
| Gap size | 70px |
| Space above block | 10% |
| Space below block | 10% |
Block 3: Full Width Image with Text
Full Width Image with Text
| Property | Value |
|---|---|
| Image |   |
| Block Elements | Heading and Paragraph are visible. Button is hidden. |
| Banner image overlay | #00000020 (black at 20% opacity) |
| Text color | #ffffff or white |
| Height | 630px |
| Content Width | 50% |
| Space above block | 10% |
| Space below block | 28% |
Block 4: Two Thirds Text (66/33)
Two Thirds Text with wide content on the left, title/subtitle on the right.
| Property | Value |
|---|---|
| Subtitle Color | The primary link color of the site. |
| Title Color | #252e32 or the primary text color for content on the site. |
| Border Color | The primary link color of the site. |
| Space above/below border | 15px |
| Gap size | 40px |
| Space above block | 28% |
| Space below block | 10% |
Block 5: FAQs
| Property | Value |
|---|---|
| Block Background | #ffffff (white) |
| Title/Description | #000000 (black) |
| Question Background | #f6f6f6 |
| Question Open | #efefef |
| Question Text Color | #333333 |
| Block Elements | Title and Description are visible. |
| Block Height | 0% (no additional padding to top/bottom) |
| Question width | 50% |
| Space above block | 40% |
| Space below block | 40% |
| Question 1 | What should I wear when I visit Sunday? |
| Question 2 | Are you a part of a denomination or a church planting network? |
| Question 3 | Do I need to become a member? If so, what is the membership process? |
| Question 4 | How do I get plugged into a small group? How many groups are there? |
Layout 3
The table below lists the blocks used in Layout 3. It also includes some of the basic settings in place so that you can easily duplicate them as needed to keep a consistent look and feel on the page.
Block 1: Content Width 50/50 Feature
Content Width 50/50 Feature with the image on the right side.
| Property | Value |
|---|---|
| Title Color | #000000 (black) |
| Text Color | #000000 (black) |
| Background Color | #FFFFFF (white) |
| Block Elements | Heading and Paragraph are visible. Button is hidden. |
| Full Width | true |
| Content Width | 75% |
| Block Height | 0% (no additional padding) |
| Space above block | 0% |
| Space below block | 0% |
Block 2: Content Width 50/50 Feature
Content Width 50/50 Feature with the image on the left side.
| Property | Value |
|---|---|
| Title Color | #000000 (black) |
| Text Color | #000000 (black) |
| Background Color | #FFFFFF (white) |
| Block Elements | Heading and Paragraph are visible. Button is hidden. |
| Full Width | true |
| Content Width | 75% |
| Block Height | 0% (no additional padding) |
| Space above block | 0% |
| Space below block | 10% |
Block 3: Text Block
| Property | Value |
|---|---|
| Text Color | The primary text color used on the site. |
| Space above block | 10% |
| Space below block | 3% |
Block 4: 33/33/33 Image and Text
33/33/33 Image and Text Block
| Property | Value |
|---|---|
| Background Color | #EFEFEF |
| Title Color | #000000 (black) |
| Text Color | #000000 (black) |
| Titles and Description | #383838 |
| Block Elements | |
| - Heading | Visible |
| - Description | Visible |
| - Image Titles | Visible |
| - Image Descriptions | Visible |
| Image Height | 66% |
| Gap Size | 25px |
| Block Height | 100% |
| Space above block | 25% |
| Space below block | 13% |
Block 5: Button Block
This block is a Button Block with a single button. The shared properties are listed below.
| Property | Value |
|---|---|
| Center Items | True |
| Space above block | 3% |
| Space below block | 3% |
The single button properties are:
| Property | Value |
|---|---|
| Button Color | Primary link color of site. |
| Text Color | #ffffff (white) |
| Border Color | Primary link color of site. |
| Border Radius | 0% |