Skip to content

Commit

Permalink
Updates support list variations and guidance content
Browse files Browse the repository at this point in the history
  • Loading branch information
@oisa
oisa committed Sep 6, 2024
1 parent 25103cd commit eca54f6
Show file tree
Hide file tree
Showing 4 changed files with 36 additions and 23 deletions.
7 changes: 3 additions & 4 deletions src/components/support-list/_guidance.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ layout: blank-layout.hbs
focusable="false" aria-hidden="true">info</span>
<div class="nsw-in-page-alert__content">
<h4>Brand requirements</h4>
<p>Elements required for NSW branding include the use and implementation of descriptors and logos. View the <a href="https://branding.nsw.gov.au" target="_blank">Sponsorship and Partnership Brand Guidelines</a> for full requirements specific to your brand classification category.</p>
<p>Elements required for NSW branding include the use and implementation of descriptors (site name) and logos. View the <a href="https://branding.nsw.gov.au/guidelines/sponsorships-and-partnerships/" target="_blank">Sponsorship and Partnership Brand Guidelines</a> for full requirements specific to your brand category.</p>
</div>
</div>

Expand All @@ -20,7 +20,7 @@ layout: blank-layout.hbs
<p>When the NSW Government logo is displayed next to another logo or Masterbrand descriptor, it should be vertically centered and separated by a minimum distance of 40px.</p>

<figure class="nsw-media nsw-media--transparent nsw-m-bottom-xs">
<img src="/assets/images/support-list-logo-dimensions.png" alt="Masterbrand sponsorship and partnership acknowledgment example layout">
<img src="/assets/images/support-list-logo-dimensions.png" alt="Masterbrand support list example layout">
</figure>

<div class="nsw-grid">
Expand All @@ -46,7 +46,6 @@ layout: blank-layout.hbs
<p>In cases where the NSW Government Waratah logo is not used in the support section, display a 'NSW Government' descriptor heading instead.</p>

<h3 id="support-logos">Support logos</h3>

<h4 id="arrangement">Arrangement</h4>
<p>Order is based on hierarchy of the NSW Government Brand Framework:</p>
<ol>
Expand All @@ -58,7 +57,7 @@ layout: blank-layout.hbs
</ol>
<p>External brand logos can also be included after the NSW Government logos.</p>
<p>The arrangement of logos follows the hierarchy of the NSW Government Brand Framework, however when necessary, they can be re-ordered based on the scale of funding or contribution.</p>
<p>For more information on support logo arrangement requirements for your brand classification view the <a href="https://branding.nsw.gov.au/" target="_blank">Sponsorship and Partnership Brand Guidelines</a>.</p>
<p>For more information on support logo arrangement requirements for your brand classification view the <a href="https://branding.nsw.gov.au/guidelines/sponsorships-and-partnerships/" target="_blank">Sponsorship and Partnership Brand Guidelines</a>.</p>

<h4 id="sizing-support">Sizing</h4>
<p>The support logos should be 76px in height on large screens (≥ 992px), and 48px in height on small screens (< 991px).</p>
Expand Down
14 changes: 8 additions & 6 deletions src/components/support-list/blank.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,15 @@ page: true
---

{{#>_layout-container}}
{{>_support-list model.list-1 includeWaratah="true" }}
{{>_support-list model.list-2 }}
{{>_support-list model.list-3 includeWaratah="true" }}
{{>_support-list model.list-1 includeWaratah="true"}}
{{>_support-list model.list-2}}
{{>_support-list model.list-3 includeWaratah="true"}}
{{>_support-list model.list-3}}
{{/_layout-container}}

{{#>_layout-container brand-dark="true" invert="true"}}
{{>_support-list model.list-1 includeWaratah="true" }}
{{>_support-list model.list-2 }}
{{>_support-list model.list-3 includeWaratah="true" }}
{{>_support-list model.list-1 includeWaratah="true"}}
{{>_support-list model.list-2}}
{{>_support-list model.list-3 includeWaratah="true"}}
{{>_support-list model.list-3}}
{{/_layout-container}}
24 changes: 17 additions & 7 deletions src/components/support-list/index.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,22 +14,22 @@ model:
list-3: ../../components/support-list/json/support-list-3.json
---

<h2>Masterbrand descriptors with waratah</h2>
<h2>Masterbrand descriptors</h2>
<div class="nsw-grid nsw-p-sm nsw-m-bottom-xs">
<div class="nsw-col-sm-8">
<p><i>for Endorsed, Independent and Standalone brand websites</i></p>
<p>When the NSW Government Waratah logo is not already included in the header and NSW Government agencies have provided support, the waratah logo is the first element in the support section.</p>
<p><i>For Endorsed, Independent and Standalone brand websites</i></p>
<p>When the NSW Government Waratah logo is not included in the header and NSW Government agencies have provided support, the waratah logo is the first element in the support section.</p>
</div>
</div>
{{#>_docs-example}}
{{>_support-list model.list-1 includeWaratah="true"}}
{{/_docs-example}}

<h2>Masterbrand descriptors with heading</h2>
<h2>Masterbrand descriptors without NSW Government Waratah logo</h2>
<div class="nsw-grid nsw-p-sm nsw-m-bottom-xs">
<div class="nsw-col-sm-8">
<p><i>for Masterbrand or Co-brand brand websites</i></p>
<p>When the NSW Government waratah logo is already included in the header, and NSW Government agencies have provided support, use “NSW government” descriptor heading instead as the first element in support section.</p>
<p><i>For Masterbrand or Co-brand brand websites</i></p>
<p>When the NSW Government Waratah logo is included in the header, and NSW Government agencies have provided support, use 'NSW government' descriptor heading instead as the first element in support section.</p>
</div>
</div>
{{#>_docs-example}}
Expand All @@ -39,9 +39,19 @@ model:
<h2>Support logos without descriptors</h2>
<div class="nsw-grid nsw-p-sm nsw-m-bottom-xs">
<div class="nsw-col-sm-8">
<p>When the NSW Government Waratah logo is not already included in the header and the NSW Government have provided support, the waratah logo is the first element in the support section.</p>
<p>When the NSW Government Waratah logo is not included in the header and the NSW Government have provided support, the waratah logo is the first element in the support section.</p>
</div>
</div>
{{#>_docs-example}}
{{>_support-list model.list-3 includeWaratah="true"}}
{{/_docs-example}}

<h2>Support logos without NSW Government Waratah logo</h2>
<div class="nsw-grid nsw-p-sm nsw-m-bottom-xs">
<div class="nsw-col-sm-8">
<p>When the NSW Government Waratah logo is included in the header and no NSW Government agencies have provided support, display only the logos of any supporting agencies beneath the section title.</p>
</div>
</div>
{{#>_docs-example}}
{{>_support-list model.list-3}}
{{/_docs-example}}
14 changes: 8 additions & 6 deletions src/components/support-list/theme.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,14 +10,16 @@ page: true

{{#>_theme}}
{{#>_layout-container}}
{{>_support-list model.list-1 includeWaratah="true" }}
{{>_support-list model.list-2 }}
{{>_support-list model.list-3 includeWaratah="true" }}
{{>_support-list model.list-1 includeWaratah="true"}}
{{>_support-list model.list-2}}
{{>_support-list model.list-3 includeWaratah="true"}}
{{>_support-list model.list-3}}
{{/_layout-container}}

{{#>_layout-container brand-dark="true" invert="true"}}
{{>_support-list model.list-1 includeWaratah="true" }}
{{>_support-list model.list-2 }}
{{>_support-list model.list-3 includeWaratah="true" }}
{{>_support-list model.list-1 includeWaratah="true"}}
{{>_support-list model.list-2}}
{{>_support-list model.list-3 includeWaratah="true"}}
{{>_support-list model.list-3}}
{{/_layout-container}}
{{/_theme}}

0 comments on commit eca54f6

Please sign in to comment.