Promo TBD

Here’s a concrete 1:1 mapping you can implement with Kadence Blocks Pro (Row Layout + Advanced Text) and keep everything aligned to Kadence global presets.[1][2][3][4][5][6][7][8]

Global presets to set first

In Appearance → Customize → Colors & Fonts:[4][6][8]

  • Content max width: 1100–1200px (General → Layout).
  • Global colors:
  • Palette 1: primary brand (buttons, accents).
  • Palette 2: darker accent.
  • Palette 3: dark text.
  • Palette 7/8/9: light gray / off‑white section backgrounds.
  • Typography:
  • Headings: your chosen display font, 700 weight.
  • Body: your main text font, 400–500 weight.

Then use only palette + global typography in blocks (no custom hex/inline fonts) to keep it consistent.[8][4]

Hero row

Row Layout settings[2][5][9][1]

  • Align: Full width (toolbar → “full width”).
  • Inner content max width: “Inherit max width from theme” (Row Layout → Structure).[5][1]
  • Columns: 1.
  • Min height: 70–80vh for a strong hero.
  • Background:
  • Color: Palette 9 (very light) or an image with dark overlay.
  • Overlay: semi‑transparent using Palette 3 if using an image.
  • Padding (desktop): 80px top / 80px bottom; 20–30px left/right (linked).[10][11]
  • Vertical alignment: Middle.

Advanced Text inside

  • H1:
  • Tag: H1.
  • Font: Heading (inherit).
  • Size: 40–48px desktop, 30–34 tablet, 24–28 mobile via responsive controls.
  • Color: Palette 3.
  • Subhead:
  • Tag: paragraph.
  • Max width: 650–720px (Advanced Text → Max Width).
  • Color: Palette 4 or 5 (muted).
  • Bullets: standard paragraph + list.
  • Buttons: Kadence Button block using Palette 1 (primary), Palette 2 (outline) for secondary.

Standard content sections (“Who,” “What,” “Structure,” “Pricing”)

Use the same base Row preset and vary background color.

Row Layout (base preset)[11][1][2][5]

  • Align: Normal (content width).
  • Inner content max width: Inherit from theme.
  • Columns: as needed (1 or 2 or 3).
  • Background:
  • Solid:
    • White (for primary reading sections), or
    • Palette 8/9 (very light grey) for alternating bands.
  • Padding:
  • Desktop: 60px top / 60px bottom.
  • Tablet: 40px / 40px.
  • Mobile: 30px / 30px.
  • Margin: 0 top / 0 bottom (let padding create separation).
  • Column gutter: 30–40px desktop, 20px tablet, 10–15px mobile.[2]

Typography inside (Advanced Text)

  • Section headings (H2):
  • Tag: H2.
  • Size: 30–34px desktop; 24–26 tablet; 20–22 mobile.
  • Margin bottom: 20–24px.
  • Color: Palette 3.
  • Body text:
  • Tag: p.
  • Size: ~18px desktop; 16–17 tablet/mobile.
  • Line height: 1.6–1.7.
  • Color: Palette 3 or 4.
  • Lists: use default bullets, no extra indentation.

Two‑column sections (“What you’ll experience,” “Pricing”)

  • Columns: 2 equal (50/50 desktop).[7][2]
  • Tablet: stack (Row Layout → Tablet Layout: 1 column).
  • Mobile: stack (Row Layout → Mobile Layout: 1 column).
  • Vertical alignment: Top.

Three‑column “Weekend structure” row

Row Layout[7][2]

  • Columns: 3 equal.
  • Desktop: 3 columns; Tablet: 1 or 2; Mobile: 1.
  • Column gutter: 30–40px desktop; 20px tablet; 10–15px mobile.
  • Background: Palette 9 (light band) for a “cards” feel.
  • Inner padding: 50–60px top/bottom.

Inside each column

  • Advanced Text heading (e.g., “Friday – Reconvene the bench”):
  • Tag: H3.
  • Size: 20–22px.
  • Color: Palette 3.
  • Bullet list: Standard paragraphs with bullets, font size 16–18px.

Optionally add a light border or subtle box shadow using a Kadence Info Box or a nested Row, but you can keep it simple.

Application section (Gravity Forms)

Row Layout

  • Give ID: apply (Row Layout → Advanced → HTML Anchor).
  • Align: Normal/content width.
  • Background: Palette 8 (very light).
  • Padding: 60px top / 60px bottom desktop; 40/40 tablet; 30/30 mobile.
  • Optionally add top divider (Row Layout → Design → Dividers) using Palette 8–9.[1]

Inside

  • H2 + intro: Advanced Text as above.
  • Gravity Forms block:
  • Set form max width:
    • Wrap with a nested Row Layout set to “Custom content max width: 700–800px, centered alignment.”[5][1]
  • Use Kadence/Theme typography so fields match body font.

You can add extra top margin to the form heading (e.g., 10–20px).

Footer “About AltGov.ai”

Row Layout

  • Align: Full width.
  • Background: Palette 3 (dark).
  • Padding: 40px top/bottom desktop; 30 tablet; 20 mobile.
  • Inner content width: Inherit.
  • Text alignment: Center on mobile, left on desktop.

Advanced Text

  • Text color: Palette 9 (light).
  • Heading (optional) H3: “About AltGov.ai” in Palette 9.
  • Body: single paragraph, 16–18px, line height 1.7.

Reuse as presets

After you tune one:

  • Save the Hero Row as a Row Layout pattern from the block kebab menu → “Save as Reusable/Pattern” (or via Kadence Design Library).
  • Save a generic “Content Section” Row with padding, background, and typography tuned.
  • Save an “Application Section” Row with anchor + form width set.[12][13]

Then you can drop those into other event pages and just swap text.

If you share your current Kadence global palette (hexes), I can be even more specific: e.g., “Use Palette 1 (#xxxxxx) for buttons, Palette 8 (#yyyyyy) for section backgrounds,” etc.

Sources
[1] Row Layout Block – Kadence WP Documentation https://www.kadencewp.com/help-center/docs/kadence-blocks/row-layout-block/
[2] Row Layout Block – Kadence Blocks https://www.kadencewp.com/kadence-blocks/row-layout-block/
[3] How to Control the Hero or Title Section Sitewide and Per Page in … https://www.kadencewp.com/help-center/docs/kadence-blocks/how-to-control-the-hero-or-title-section-sitewide-and-per-page-in-kadence/
[4] Kadence Users: Are You Making These Website Mistakes? https://restored316designs.com/kadence-users-are-you-making-these-website-mistakes/
[5] Kadence Blocks Tutorial – The Row Layout Block – WebTNG https://www.webtng.com/kadence-blocks-tutorial-the-row-layout-block/
[6] How to customize the design library color palette – Kadence WP https://www.kadencewp.com/help-center/docs/kadence-blocks/how-to-customize-the-design-library-color-palette/
[7] Setting custom widths in multi-column Row Layout Blocks https://www.kadencewp.com/help-center/docs/kadence-blocks/setting-custom-widths-in-multi-column-row-layout-blocks/
[8] How to use the Kadence Theme Color Palette https://www.kadencewp.com/help-center/docs/kadence-theme/how-to-use-the-kadence-theme-color-palette/
[9] Make a Hero Section with Kadence Blocks – YouTube https://www.youtube.com/watch?v=_ZiP7xxzbPg
[10] Using Padding and Margin in Kadence Blocks https://www.kadencewp.com/help-center/docs/kadence-blocks/using-padding-and-margin-in-kadence-blocks/
[11] Using Padding and Margin in Kadence Blocks – ZipLaunch https://ziplaunch.com/docs/using-padding-and-margin-in-kadence-blocks/