All Sections Showcase

This page demonstrates every available section type and its variants. Use this as a reference when assembling new pages.

1. Hero Segment

Full-width hero with service cards. Used on the Home page.

A leading financial services group

For Myself

For Myself

Build wealth, protect what matters, and plan with confidence. Trust PSG financial advisers to guide your future.

For My Business

For My Business

Strengthen your workforce, manage risks, and secure your future. PSG advisers help you build a business that lasts.

For Professional Investors

For Professional Investors

Our research approach builds diversified portfolios, guided by long-term thinking. Invest with insight. Invest with PSG.

2. Segment Hero

Simple hero with a full-width background image. Used as the top-level section on segment landing pages.

Segment Hero demo

Segment Hero Section

3. Hero Segment Category

Category hero with tag, title, overview text, image, and decorative shape overlay. Supports 3 shape types (star, arrow, swirl) and 4 positions (top-left, top-right, bottom-left, bottom-right).

Shape: Star · Position: top-right

Star — Top Right

The star shape in the top-right position. This is the most commonly used combination across the site.

Star top-right demo

Shape: Arrow · Position: top-right

Arrow — Top Right

The arrow shape in the top-right position. Used for business and professional category pages.

Arrow top-right demo

Shape: Swirl · Position: top-right

Swirl — Top Right

The swirl shape in the top-right position. Used for ESG, specialist cover, and similar category pages.

Swirl top-right demo

Shape: Arrow · Position: bottom-right

Arrow — Bottom Right

The arrow shape in the bottom-right position. Demonstrates an alternative placement for the decorative shape.

Arrow bottom-right demo

Shape: Swirl · Position: bottom-left

Swirl — Bottom Left

The swirl shape in the bottom-left position. Used on the estate planning page and similar.

Swirl bottom-left demo

Shape: Star · Position: top-left

Star — Top Left

The star shape in the top-left position. Demonstrates the mirrored variant.

Star top-left demo

4. Heading

Section heading with title, description, and optional action buttons. Used as standalone sections or dividers between content blocks.

Simple Heading

A basic heading section with just a title and description. No buttons.

Heading with Buttons

A heading section with action buttons. Supports primary and secondary button variants with different background colors.

5. Card Grid

Responsive grid of service/category cards. Supports enlarge_first_card option for featured layout.

Card Grid — Standard Layout

A standard card grid where all cards are the same size. Used for listing categories or services.

Card 1

Plan for Retirement

Card 2

Grow my Investments

Card 3

Manage my Estate

Card 4

Protect Against Risks

Card Grid — Enlarged First Card

First card is enlarged to create a featured layout emphasizing the primary item.

Featured Card

Featured Category

Secondary 2

Another Category

6. Featured Cards

Solution cards with highlighted title and promotional content. Used on the home page.

Financial SolutionsDesigned Around You

Cash account

Our Cash Account offers 5X more yield than a money market account

Family pricing

Get better admin and offshore fees with PSG Family pricing

Insurance claim

Submit your Insurance claim via WhatsApp – no paperwork, quick pay-outs

7. Double Cards

Side-by-side offer cards. Used for presenting two complementary options.

Ways to invest with us

Managed Portfolio

Managed Portfolio

Direct investing

Direct

8. Products

Product cards with images, descriptions, and action buttons. Used for listing investment or insurance products.

Products

Voluntary Investment Plan

Voluntary Investment Plan

Endowments

Endowments

Tax-Free Savings

Tax-Free Savings Accounts

9. Personal Solutions

Promotional banner with logo, description, image, and CTA button. Used for highlighting insurance or partner products.

Personal Insurance Solutions

Protect yourself against the costs of damage to your property or household possessions caused by accidents, natural disasters or theft.

PSG Insure

At PSG Insure, we recognise the importance of safeguarding your assets for financial well-being. We specialise in helping you navigate uncertainties, protecting what matters most to you.

PSG Insure

10. Accordion

Expandable FAQ or content sections. Supports HTML in overview content. Optional tag above the accordion.

Frequently Asked Questions

  • What is a Tax-Free Savings Account?

    A Tax-Free Savings Account (TFSA) is an investment vehicle where all returns — including interest, dividends and capital gains — are completely tax-free. The annual contribution limit is R36,000 with a lifetime limit of R500,000.

  • How do I open an investment account?

    You can open an account by contacting one of our PSG advisers at any of our 300+ offices across South Africa, or by starting the process online through our website.

  • What is the difference between a Managed Portfolio and Direct investing?

    With a Managed Portfolio, a dedicated portfolio manager makes investment decisions on your behalf. With Direct investing, you make your own decisions and we execute your trades.

    Both options give you access to the Johannesburg Stock Exchange (JSE) and international markets.

  • Can I access my money at any time?

    This depends on the product. Some investments like the PSG Cash Account offer instant access, while others (like endowments) have a minimum term. Speak to an adviser for details on each product.

  • What fees are involved?

    Fees vary by product and fund. PSG is committed to transparent pricing. You can view our full fee schedule on the relevant product pages or contact an adviser for a personalised breakdown.

11. Articles

Article cards grid with title, date, and image. Shows 6 articles with a 'See All' button.

Articles, Research & Insights

Article 1

Seizing the Moment: How Market Calm Can Benefit Investors

Article 2

Navigating Opportunities: Capitalizing on Market Stability

Article 3

Harnessing Market Calm: A Golden Opportunity for Investors

Article 4

The Importance of Dynamic Fixed Income Approaches

Article 5

ESG Integration in South African Investment Portfolios

Article 6

Making the Most of Market Serenity: Investor Strategies

12. Featured Articles

Featured article card (large) followed by smaller article cards. Includes a 'See All' button.

Articles, Research & Insights

Featured article

The importance of a dynamic approach when investing in fixed income markets

28 August 2025

Article 2

Quarterly Market Review: Emerging Opportunities

Article 3

Fixed Income Outlook: Navigating the Interest Rate Cycle

Article 4

Global Diversification: Why Now More Than Ever

Article 5

The Case for Active Management in Uncertain Times

13. Featured Webinars

Webinar cards with speaker info, date, and embedded video link. Includes a 'See All' button.

Featured Webinars

ESKOM webinar

30 September 2025

Keeping the Lights: On Power, pressure & progress at ESKOM

Mteto Nyati

ESKOM Chairman

Home Affairs webinar

28 August 2025

Home Affairs 2.0: Getting the system back online

Dr Leon Schreiber

Minister of Home Affairs

Transport webinar

26 June 2025

Rails, Roads & Ports: The future of SA Transport

Dr Barbara Greecy

Minister of Transport

14. Marquee

Horizontal scrolling carousel of fund cards with decorative shapes. Each card shows fund name, subtitles, and color-coded styling.

Featured Funds

Fund 1

PSG Balanced Fund

Fund 2

PSG Equity Fund

Fund 3

PSG Flexible Fund

Fund 4

PSG Income Fund

Fund 5

PSG Money Market

15. CTA Banner

Call-to-action banner with description, button, and background image. Used to drive users to find an adviser or take action.

Clients who get advice earn 3% higher annual returns, on average. Connect with 1,000 advisers across 300 offices.

CTA banner image