Skip to content

Commit 437df3e

Browse files
authored
Patch - Home: typography and spacing changes (#2665)
* home page typography changes * Revert changes in HTML template
1 parent 48c771d commit 437df3e

File tree

8 files changed

+149
-22
lines changed

8 files changed

+149
-22
lines changed

_data/templates.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -455,7 +455,7 @@
455455
"en": "Home templates",
456456
"fr": "Gabarit de la page d'accueil"
457457
},
458-
"modified": "2020-06-25",
458+
"modified": "2025-10-07",
459459
"componentName": "home",
460460
"status": "stable",
461461
"pages": {

templates/home/_base.scss

Lines changed: 19 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,8 @@
1616
}
1717

1818
h2 {
19-
font-size: 1.2em;
19+
font-size: 29px;
20+
margin-top: 1rem;
2021
}
2122

2223
/*
@@ -58,17 +59,22 @@
5859
li {
5960
@include defaults-alternative-font-family;
6061

61-
font-size: 17px;
62+
font-size: 17.5px;
6263
font-weight: $bold-weight;
6364
line-height: 26px;
6465
margin-top: 0;
6566
}
6667
}
6768

69+
/* Home page GC features */
70+
.gc-features {
71+
margin-bottom: -1em;
72+
}
73+
6874
/* Home page Services and information */
6975
.gc-srvinfo {
7076
p {
71-
font-size: 17px;
77+
font-size: 18px;
7278
}
7379
}
7480

@@ -82,11 +88,20 @@
8288
background-position: right center;
8389
background-repeat: no-repeat;
8490
background-size: 38%;
91+
92+
ul {
93+
margin-bottom: 1rem;
94+
}
95+
96+
li {
97+
font-size: 18px;
98+
line-height: 2.3;
99+
}
85100
}
86101

87102
// All services button under services and information
88103
.gc-srvinfo .container > p:last-child {
89-
margin-bottom: 20px;
104+
margin-bottom: 35px;
90105
margin-top: 20px;
91106

92107
.btn-all-services {

templates/home/_screen-sm-max.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,10 @@
55
*/
66

77
.home {
8+
h2 {
9+
font-size: 26px;
10+
}
11+
812
.home-most-requested {
913
li {
1014
font-size: 19px;

templates/home/api-en.html

Lines changed: 60 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
{ "title": "GCWeb home", "link": "../index-en.html" }
99
],
1010
"secondlevel": false,
11-
"dateModified": "2024-09-16",
11+
"dateModified": "2025-10-07",
1212
"share": "true"
1313
}
1414
---
@@ -47,8 +47,9 @@ <h3>Component list and latest version</h3>
4747
<li>Most requested - Version 1.0</li>
4848
<li><a href="#services-information">Home page service and information - Version 2.0</a></li>
4949
<li>Focus on - Version 1.0</li>
50-
<li><a href="#your-government">Your government - Version 2.0</a></li>
50+
<li><a href="#your-government">Your government - Version 2.1</a></li>
5151
<li><a href="#government-initiatives">Government initiatives - Version 2.0</a></li>
52+
<li><a href="#home-page-template">Home page template - Version 1.1</a></li>
5253
</ul>
5354

5455
<h3 id="home-page-menu">Home page menu</h3>
@@ -293,14 +294,54 @@ <h4>Transition from version 1.0 to version 2.0</h4>
293294
<h3 id="your-government">Your government</h3>
294295
<dl>
295296
<dt>Version</dt>
296-
<dd>2.0</dd>
297+
<dd>2.1</dd>
297298
<dt>Updated</dt>
298-
<dd>2022-04-27</dd>
299+
<dd>2025-10-10</dd>
299300
<dt>Notes</dt>
300-
<dd>Links description was removed.</dd>
301+
<dd>Removed class to increase bottom margin from the template and added it through the css.</dd>
301302
</dl>
302303
<p>There are 8 links in this section presented in 2 columns.</p>
303304
<pre><code>&lt;section class="home-your-gov well well-bold well-sm brdr-0"&gt;
305+
&lt;div class="container"&gt;
306+
&lt;h2&gt;Your government&lt;/h2&gt;
307+
&lt;div class="row"&gt;
308+
&lt;div class="col-lg-7 col-xs-12 col-md-6"&gt;
309+
&lt;ul class="row wb-eqht-grd list-unstyled small"&gt;
310+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
311+
&lt;a href="https://www.canada.ca/en/contact.html"&gt;Contact us&lt;/a&gt;
312+
&lt;/li&gt;
313+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
314+
&lt;a href="https://www.canada.ca/en/news.html"&gt;News&lt;/a&gt;
315+
&lt;/li&gt;
316+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
317+
&lt;a href="https://pm.gc.ca/en"&gt;Prime Minister&lt;/a&gt;
318+
&lt;/li&gt;
319+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
320+
&lt;a href="https://www.canada.ca/en/government/dept.html"&gt;Departments and agencies&lt;/a&gt;
321+
&lt;/li&gt;
322+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
323+
&lt;a href="https://www.canada.ca/en/government/system.html"&gt;About government&lt;/a&gt;
324+
&lt;/li&gt;
325+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
326+
&lt;a href="https://open.canada.ca/en"&gt;Open government and data&lt;/a&gt;
327+
&lt;/li&gt;
328+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
329+
&lt;a href="https://www.canada.ca/en/government/publicservice.html"&gt;Working for the government&lt;/a&gt;
330+
&lt;/li&gt;
331+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
332+
&lt;a href="https://www.canada.ca/en/government/system/laws.html"&gt;Treaties, laws and regulations&lt;/a&gt;
333+
&lt;/li&gt;
334+
&lt;/ul&gt;
335+
&lt;/div&gt;
336+
&lt;/div&gt;
337+
&lt;/div&gt;
338+
&lt;/section&gt;</code></pre>
339+
340+
<h4>Previous versions</h4>
341+
<details>
342+
<summary>Deprecated - Version 2.0</summary>
343+
<p>Links description was removed.</p>
344+
<pre><code>&lt;section class="home-your-gov well well-bold well-sm brdr-0"&gt;
304345
&lt;div class="container"&gt;
305346
&lt;h2&gt;Your government&lt;/h2&gt;
306347
&lt;div class="row mrgn-bttm-lg"&gt;
@@ -335,8 +376,8 @@ <h3 id="your-government">Your government</h3>
335376
&lt;/div&gt;
336377
&lt;/div&gt;
337378
&lt;/section&gt;</code></pre>
379+
</details>
338380

339-
<h4>Previous version</h4>
340381
<details>
341382
<summary>Deprecated - Version 1.0</summary>
342383
<p>There were four links with descriptions.</p>
@@ -480,6 +521,19 @@ <h4>Previous version</h4>
480521
&lt;/section&gt;</code></pre>
481522
</details>
482523

524+
<h3 id="home-page-template">Home page template</h3>
525+
<dl>
526+
<dt>Version</dt>
527+
<dd>1.1</dd>
528+
<dt>Updated</dt>
529+
<dd>2025-10-07</dd>
530+
</dl>
531+
532+
<h4>List of changes</h4>
533+
<ul>
534+
<li>Updated typography and made margin changes.</li>
535+
</ul>
536+
483537
<h2>Evaluation and report</h2>
484538
<p>There is no evaluation and report available for this component.</p>
485539

templates/home/api-fr.html

Lines changed: 62 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
{ "title": "GCWeb home", "link": "../index-fr.html" }
99
],
1010
"secondlevel": false,
11-
"dateModified": "2024-09-16",
11+
"dateModified": "2025-10-07",
1212
"share": "true"
1313
}
1414
---
@@ -49,8 +49,9 @@ <h3>Component list and latest version</h3>
4949
<li>Most requested - Version 1.0</li>
5050
<li><a href="#services-information">Home page service and information - Version 2.0</a></li>
5151
<li>Focus on - Version 1.0</li>
52-
<li><a href="#your-government">Your government - Version 2.0</a></li>
52+
<li><a href="#your-government">Your government - Version 2.1</a></li>
5353
<li><a href="#government-initiatives">Government initiatives - Version 2.0</a></li>
54+
<li><a href="#home-page-template">Home page template - Version 1.1</a></li>
5455
</ul>
5556

5657
<h3 id="home-page-menu">Home page menu</h3>
@@ -295,14 +296,54 @@ <h4>Transition from version 1.0 to version 2.0</h4>
295296
<h3 id="your-government">Your government</h3>
296297
<dl>
297298
<dt>Version</dt>
298-
<dd>2.0</dd>
299+
<dd>2.1</dd>
299300
<dt>Updated</dt>
300-
<dd>2022-04-27</dd>
301+
<dd>2025-10-10</dd>
301302
<dt>Notes</dt>
302-
<dd>Links description was removed.</dd>
303+
<dd>Removed class to increase bottom margin from the template and added it through the css.</dd>
303304
</dl>
304305
<p>There are 8 links in this section presented in 2 columns.</p>
305306
<pre><code>&lt;section class="home-your-gov well well-bold well-sm brdr-0"&gt;
307+
&lt;div class="container"&gt;
308+
&lt;h2&gt;Your government&lt;/h2&gt;
309+
&lt;div class="row"&gt;
310+
&lt;div class="col-lg-7 col-xs-12 col-md-6"&gt;
311+
&lt;ul class="row wb-eqht-grd list-unstyled small"&gt;
312+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
313+
&lt;a href="https://www.canada.ca/en/contact.html"&gt;Contact us&lt;/a&gt;
314+
&lt;/li&gt;
315+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
316+
&lt;a href="https://www.canada.ca/en/news.html"&gt;News&lt;/a&gt;
317+
&lt;/li&gt;
318+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
319+
&lt;a href="https://pm.gc.ca/en"&gt;Prime Minister&lt;/a&gt;
320+
&lt;/li&gt;
321+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
322+
&lt;a href="https://www.canada.ca/en/government/dept.html"&gt;Departments and agencies&lt;/a&gt;
323+
&lt;/li&gt;
324+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
325+
&lt;a href="https://www.canada.ca/en/government/system.html"&gt;About government&lt;/a&gt;
326+
&lt;/li&gt;
327+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
328+
&lt;a href="https://open.canada.ca/en"&gt;Open government and data&lt;/a&gt;
329+
&lt;/li&gt;
330+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
331+
&lt;a href="https://www.canada.ca/en/government/publicservice.html"&gt;Working for the government&lt;/a&gt;
332+
&lt;/li&gt;
333+
&lt;li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm"&gt;
334+
&lt;a href="https://www.canada.ca/en/government/system/laws.html"&gt;Treaties, laws and regulations&lt;/a&gt;
335+
&lt;/li&gt;
336+
&lt;/ul&gt;
337+
&lt;/div&gt;
338+
&lt;/div&gt;
339+
&lt;/div&gt;
340+
&lt;/section&gt;</code></pre>
341+
342+
<h4>Previous versions</h4>
343+
<details>
344+
<summary>Deprecated - Version 2.0</summary>
345+
<p>Links description was removed.</p>
346+
<pre><code>&lt;section class="home-your-gov well well-bold well-sm brdr-0"&gt;
306347
&lt;div class="container"&gt;
307348
&lt;h2&gt;Your government&lt;/h2&gt;
308349
&lt;div class="row mrgn-bttm-lg"&gt;
@@ -336,9 +377,9 @@ <h3 id="your-government">Your government</h3>
336377
&lt;/div&gt;
337378
&lt;/div&gt;
338379
&lt;/div&gt;
339-
&lt;/section&gt;
340-
</code></pre>
341-
<h4>Previous version</h4>
380+
&lt;/section&gt;</code></pre>
381+
</details>
382+
342383
<details>
343384
<summary>Deprecated - Version 1.0</summary>
344385
<p>There were four links with descriptions.</p>
@@ -482,6 +523,19 @@ <h4>Previous version</h4>
482523
&lt;/section&gt;</code></pre>
483524
</details>
484525

526+
<h3 id="home-page-template">Home page template</h3>
527+
<dl>
528+
<dt>Version</dt>
529+
<dd>1.1</dd>
530+
<dt>Updated</dt>
531+
<dd>2025-10-07</dd>
532+
</dl>
533+
534+
<h4>List of changes</h4>
535+
<ul>
536+
<li>Updated typography and made margin changes.</li>
537+
</ul>
538+
485539
<h2>Evaluation and report</h2>
486540
<p>There is no evaluation and report available for this component.</p>
487541

templates/home/home-en.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -90,7 +90,7 @@ <h3><a href="https://www.canada.ca/en/services/finance.html">Money and finances<
9090
<section class="home-your-gov well well-bold well-sm brdr-0">
9191
<div class="container">
9292
<h2>Your government</h2>
93-
<div class="row mrgn-bttm-lg">
93+
<div class="row">
9494
<div class="col-lg-7 col-xs-12 col-md-6">
9595
<ul class="row wb-eqht-grd list-unstyled small">
9696
<li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm">

templates/home/home-fr.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -89,7 +89,7 @@ <h3><a href="https://www.canada.ca/fr/services/finance.html">Argent et finances<
8989
<section class="home-your-gov well well-sm well-bold brdr-0">
9090
<div class="container">
9191
<h2>Votre gouvernement</h2>
92-
<div class="row mrgn-bttm-lg">
92+
<div class="row">
9393
<div class="col-lg-7 col-xs-12 col-md-6">
9494
<ul class="row wb-eqht-grd list-unstyled small">
9595
<li class="col-xs-12 col-sm-6 mrgn-tp-sm mrgn-bttm-sm">

templates/home/index.json-ld

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
"en": "Home templates",
1515
"fr": "Gabarit de la page d'accueil"
1616
},
17-
"modified": "2020-06-25",
17+
"modified": "2025-10-07",
1818
"componentName": "home",
1919
"status": "stable",
2020
"pages": {

0 commit comments

Comments
 (0)