Skip to content

I am the Hero title

Morbi ac felis. Aenean imperdiet. Suspendisse non nisl sit amet velit hendrerit rutrum. Aenean imperdiet..
Headings

Heading 1 ~ Page Title

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Text Lead

Nulla facilisi. Nunc sed turpis. Cras non dolor. Curabitur ullamcorper ultricies nisi. Quisque id mi. Curabitur nisi. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Fusce neque. Ut a nisl id ante tempus hendrerit. Aenean imperdiet.

Fusce a quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Phasellus gravida semper nisi.

Text Default

Nulla facilisi. Nunc sed turpis. Cras non dolor. Curabitur ullamcorper ultricies nisi. Quisque id mi. Curabitur nisi. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Fusce neque. Ut a nisl id ante tempus hendrerit. Aenean imperdiet.

Fusce a quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Phasellus gravida semper nisi.

Text Small

Nulla facilisi. Nunc sed turpis. Cras non dolor. Curabitur ullamcorper ultricies nisi. Quisque id mi. Curabitur nisi. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Fusce neque. Ut a nisl id ante tempus hendrerit. Aenean imperdiet.

Fusce a quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Phasellus gravida semper nisi.

Text Tiny

Nulla facilisi. Nunc sed turpis. Cras non dolor. Curabitur ullamcorper ultricies nisi. Quisque id mi. Curabitur nisi. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Fusce neque. Ut a nisl id ante tempus hendrerit. Aenean imperdiet.

Fusce a quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Phasellus gravida semper nisi.

Text Full Redactor

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Aliquam lobortis. Nullam vel sem. Etiam ultricies nisi vel augue. Vestibulum ullamcorper mauris at ligula. Quisque id odio. In hac habitasse platea dictumst. Phasellus viverra nulla ut metus varius laoreet. Donec id justo. Aenean imperdiet. Praesent ut ligula non mi varius sagittis. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Ut varius tincidunt libero. Suspendisse potenti. Nunc egestas, augue at pellentesque laoreet, felis eros vehicula leo, at malesuada velit leo quis pede. Quisque ut nisi. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. In auctor lobortis lacus. Ut tincidunt tincidunt erat. Duis leo. Aenean vulputate eleifend tellus.

Vivamus euismod mauris. Vestibulum dapibus nunc ac augue. In auctor lobortis lacus. In consectetuer turpis ut velit. Suspendisse non nisl sit amet velit hendrerit rutrum.

  • hi
  • there
  • bullet
  • list

Donec sodales sagittis magna. Curabitur turpis.. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

  1. ordered
  2. list
  3. is next

In auctor lobortis lacus. Integer tincidunt. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Etiam feugiat lorem non metus. Fusce ac felis sit amet ligula pharetra condimentum.

In auctor lobortis lacus. Integer tincidunt. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh.

In auctor lobortis lacus. Integer tincidunt. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc. Etiam feugiat lorem non metus. Fusce ac felis sit amet ligula pharetra condimentum.

headheadhead
asdasdasdasdasdasd
asdasdasdasdasdasd
Kicker + section heading (heading--kicker, heading--h2-section)

Industry updates

Latest news

Stay connected

Stay up to date.

Tags (tag--pillar, tag--format, tag--keyword)
Vineyard Markets People Innovation Podcast Video Canopy management Heat stress
View all link (link--view-all)
View all
Ad slots (adslot--default) — reserved sizes from advertising.adUnits; placeholder while adsEnabled is off
Columbit
AdvertisementPillar landing — main leaderboardAd space 970×90
SA Wine ComeOverOctober
ROTOCON
Newsletter form (form--newsletter, band variant)
Default Buttons
Go to: Primary Button Go to: Secondary Button Go to: Tertiary Button Go to: Ghost Button
Large Buttons
Go to: Primary Button Go to: Secondary Button Go to: Tertiary Button Go to: Ghost Button
Small Buttons
Go to: Primary Button Go to: Secondary Button Go to: Tertiary Button Go to: Ghost Button
Links
Default LinkDefault Link
Accordion
  • Accordion Heading 1

    Nulla facilisi. Nunc sed turpis. Cras non dolor. Curabitur ullamcorper ultricies nisi. Quisque id mi. Curabitur nisi. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Fusce neque. Ut a nisl id ante tempus hendrerit. Aenean imperdiet.

    Fusce a quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Phasellus gravida semper nisi.

  • Accordion Heading 2

    Nulla facilisi. Nunc sed turpis. Cras non dolor. Curabitur ullamcorper ultricies nisi. Quisque id mi. Curabitur nisi. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Fusce neque. Ut a nisl id ante tempus hendrerit. Aenean imperdiet.

    Fusce a quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Phasellus gravida semper nisi.

  • Accordion Heading 3

    Nulla facilisi. Nunc sed turpis. Cras non dolor. Curabitur ullamcorper ultricies nisi. Quisque id mi. Curabitur nisi. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Fusce neque. Ut a nisl id ante tempus hendrerit. Aenean imperdiet.

    Fusce a quam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Proin sapien ipsum, porta a, auctor quis, euismod ut, mi. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Phasellus gravida semper nisi.

Images (1/1 Ratio + Captions and Attributions)
image title
image title
caption goes here
image title
attribution goes here
image title
caption goes here
attribution goes here
Images (3/2 Ratio)
image title
Images (4/3 Ratio)
image title
Images (16/9 Ratio)
image title
Images (21/9 Ratio)
image title
Cards (Default - News - Event)
Teasers
Tickets
Thumbs
Tiles

P1 components (Task 5)

card--article (Figma 6588:1792 — 370 wide, image 370×220); the 2nd is card--article-dark = the black hover state every card gets (6588:1793)
card--tile-overlay default 318×200 (Figma 6542:1140) and large 434×300 (6588:1905, tag = topic)
card--list-item (Figma 6534:3281 — 150×100 thumb, 500 column) and size: compact (wireframe sidebar 88:1080)
card--media (wireframe EpisodeCard 1:4427 — 3-up, 16:9, format pill, play badge)
card--honouree (30 Under 30 honourees grid — card--team's shell, portrait links to their article)

Susan Symondson

Winemaker · Sample Estate

card--team (Figma Team Member Card 6703:5851 — `team` structure entries via channelListing / entriesListing, optional LinkedIn icon; mocked here, the DB carries no team members until SJ adds them)

Susan Symondson

Editor-in-Chief

Tristan Benjamin Maske

Features writer

promo--subscribe (Figma 6526:1153, from the subscriptionPromo global), promo--sawid (6588:1392), promo--subscribe-side + promo--podcast-subscribe (wireframe sidebar)
carousel--logos (Figma Brands 4503:839 — the partners channel, 8 / 3 per view, dots)
toolbar--article — the article views switcher (Summary · Listen · Deep dive, Deep dive default). Phase 1 ships only Deep dive, so on a real article the degradation rule makes it render NOTHING; these are the phase 2 / 4 renders, plus the one-view case that proves it.
All three views (phases 2 + 4 complete)

Deep dive is the article itself — the full body, exactly as it renders with no toolbar at all. It needs nothing generated, which is why it is the default and why the control can never strand a reader on an empty panel.

Two views — a summary exists, audio does not: Listen is not offered (phase 2)

Deep dive is the article itself — the full body, exactly as it renders with no toolbar at all. It needs nothing generated, which is why it is the default and why the control can never strand a reader on an empty panel.

One view (phase 1, every article today) — no control at all, just the body. Nothing is rendered between this label and the next.

Deep dive is the article itself — the full body, exactly as it renders with no toolbar at all. It needs nothing generated, which is why it is the default and why the control can never strand a reader on an empty panel.

banner--campaign (Figma 4503:2931 — a homepage mediaCarousel slide) and banner--topic (6589:2091 — latest article of a topic)
section--latest-articles (home top row) · section--ad-slot (single + the 4-up secondary row) · section--latest-news · section--topic cards / tiles / list · section--watch-listen · section--more-from · section--media-carousel (home campaign banner) · section--partners · section--contact (the home "Our legacy" band and the About "Editorial team" band are composed from fullWidthSection + media / sectionHeading + channelListing blocks — see the pages)
Columbit
Verder Pumps
AEB
Avant Garde
WineLand Media Podcast

Vineyard, cellar and production

Vineyard

View all

Vineyard, cellar and production

Production

View all

Vineyard, cellar and production

Vineyard

View all

Vineyard, cellar and production

Watch and Listen

View all
Vineyard, cellar and production

The master of Merlot

In this episode, we speak with Matthew Copeland, chairman of Merlot and, since 2026, the winemaker at Copeland Wines. We discuss the current and future viability of Merlot in South Africa, and whether South African Merlot winemakers are tapping into the varietal’s homegrown potential or still…

More from

Vineyard, cellar and production

View all

Contact us

Get in touch

Subscriptions
[email protected]
Address
WineLand Media, SA Wine Head Office, Picardi Farm, Cecilia Street, Suider Paarl, 7646
Cities 4
Sanoma Mac Book Pro Wallpaper

Media Left

Cras varius. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Vivamus aliquet elit ac nisl. Vivamus euismod mauris. Fusce ac felis sit amet ligula pharetra condimentum.

Styleguide

Media Right

Curabitur at lacus ac velit ornare lobortis. Quisque id mi. Vestibulum fringilla pede sit amet augue. Praesent vestibulum dapibus nibh. Sed cursus turpis vitae tortor.

Styleguide

Promo

Proin faucibus arcu quis ante. Phasellus gravida semper nisi. Nullam quis ante. Phasellus accumsan cursus velit. Duis leo.

Promo with full width section

Praesent nec nisl a purus blandit viverra. Donec mollis hendrerit risus. Ut id nisl quis enim dignissim sagittis. Fusce egestas elit eget lorem. Integer tincidunt.

Aenean vulputate eleifend tellus. Proin faucibus arcu quis ante. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros.