{"id":16579,"date":"2023-06-15T10:35:14","date_gmt":"2023-06-15T08:35:14","guid":{"rendered":"https:\/\/design-guidelines.burckhardt.swiss\/ligne\/"},"modified":"2023-07-14T13:11:29","modified_gmt":"2023-07-14T11:11:29","slug":"ligne","status":"publish","type":"post","link":"https:\/\/design-guidelines.burckhardt.swiss\/fr\/elements-de-base\/ligne\/","title":{"rendered":"Ligne"},"content":{"rendered":"\n
\"\"<\/figure>\n\n\n\n
\n
\n
\n

Ligne<\/h1>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Ligne<\/h2>\n\n\n\n
\n
\n

La ligne est un \u00e9l\u00e9ment de design marquant
de la charte graphique de Burckhardt. Bas\u00e9e sur le logo, elle est utilis\u00e9e dans deux cas : pour mettre en \u00e9vidence sous forme de soulignement rouge et pour d\u00e9limiter comme ligne de s\u00e9paration noire.<\/p>\n\n\n\n

Soulignement <\/h3>\n\n\n\n

Pour faire ressortir certains termes dans les titres ou les citations, on peut les souligner en rouge. L\u2019\u00e9paisseur du trait horizontal du titre sert de r\u00e9f\u00e9rence pour le soulignement. Elle d\u00e9termine l\u2019\u00e9paisseur de la ligne rouge et la distance entre le titre et cette derni\u00e8re. <\/p>\n\n\n\n

Le trait s\u2019arr\u00eate avant les jambages et reprend apr\u00e8s. La distance entre la ligne rouge et le jambage correspond \u00e0 l\u2019\u00e9paisseur du trait horizontal du titre. <\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n
\n
\n

Ligne de s\u00e9paration <\/h3>\n\n\n\n

Les lignes sont \u00e9galement utilis\u00e9es comme \u00e9l\u00e9ment de s\u00e9paration entre les titres et le corps de texte\/l\u2019accroche. Cela permet de faire ressortir la hi\u00e9rarchisation et de reprendre la ligne du logo dans le design. <\/p>\n\n\n\n

Comme il ne s\u2019agit pas d\u2019une mise en \u00e9vidence mais d\u2019un \u00e9l\u00e9ment de s\u00e9paration, la distance entre le titre et la ligne est sup\u00e9rieure \u00e0 celle appliqu\u00e9e pour le soulignement. L\u2019espace correspond \u00e0 la hauteur de majuscule du titre. La longueur de la ligne de s\u00e9paration correspond \u00e0 deux fois la hauteur de majuscule. <\/p>\n\n\n\n

La ligne de s\u00e9paration ne doit pas \u00eatre utilis\u00e9e \u00e0 proximit\u00e9 imm\u00e9diate du logo afin d\u2019\u00e9viter l\u2019effet de doublon.<\/p>\n<\/div>\n\n\n\n

\n
<\/div>\n\n\n\n
\"\"<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n

Autres th\u00e8mes<\/h2>\n\n\n\n
\n
\n

\n Logo\n <\/h3>\n \n \"\"\n <\/a>\n <\/div>\n
\n

\n Typographie\n <\/h3>\n \n \"\"\n <\/a>\n <\/div>\n
\n

\n Kit de l\u2019interface graphique\n <\/h3>\n \n \"\"\n <\/a>\n <\/div>\n <\/div>\n\n
\n \n