added: ABB branding colors

This commit is contained in:
Sven Vogel 2024-07-08 09:55:38 +02:00
parent c3d65f93b2
commit 600d348b13
5 changed files with 29 additions and 3 deletions

18
src/branding.typ Normal file
View File

@ -0,0 +1,18 @@
// Reference color scheme can be found here:
// https://brand.abb/portal/en/branding-principles/basic-brand-elements/color
// ABB branding colors
#let ABB-RED = cmyk(0%, 100%, 95%, 0%)
#let ABB-BLACK = cmyk(0%, 0%, 0%, 100%)
#let ABB-GRAY-01 = cmyk(0%, 0%, 0%, 90%)
#let ABB-GRAY-02 = cmyk(0%, 0%, 0%, 75%)
#let ABB-GRAY-03 = cmyk(0%, 0%, 0%, 55%)
#let ABB-GRAY-04 = cmyk(0%, 0%, 0%, 35%)
#let ABB-GRAY-05 = cmyk(0%, 0%, 0%, 15%)
#let ABB-GRAY-06 = cmyk(0%, 0%, 0%, 5%)
#let ABB-WHITE = cmyk(0%, 0%, 0%, 0%)
// ABB branding functinal colors
#let ABB-BLUE = cmyk(100%, 53%, 2%, 16%)
#let ABB-GREEN = cmyk(91%, 4%, 100%, 25%)
#let ABB-YELLOW = cmyk(0%, 9%, 100%, 0%)

View File

@ -7,6 +7,8 @@
// Edited: 27.06.2024 // Edited: 27.06.2024
// License: MIT // License: MIT
#import "branding.typ": *
// default configuration // default configuration
#let default-config = ( #let default-config = (
// language settings used to make decisions about hyphenation and others // language settings used to make decisions about hyphenation and others
@ -61,7 +63,7 @@
heading: ( heading: (
font: "Montserrat"), font: "Montserrat"),
link: ( link: (
color: red.darken(15%)))) color: ABB-GRAY-02)))
// Insert a dictionary `update` into `base` but only the entries of update that also exist in base // Insert a dictionary `update` into `base` but only the entries of update that also exist in base
// Runs recursively on all sub dictionaries // Runs recursively on all sub dictionaries

View File

@ -8,6 +8,7 @@
// License: MIT // License: MIT
#import "conf.typ": validate-config #import "conf.typ": validate-config
#import "branding.typ": *
#import "style.typ": global_styled_doc, content_styled, end_styled #import "style.typ": global_styled_doc, content_styled, end_styled
#import "pages/titlepage.typ": new_title_page #import "pages/titlepage.typ": new_title_page
#import "pages/declaration-of-authorship.typ": new_declaration_of_authorship #import "pages/declaration-of-authorship.typ": new_declaration_of_authorship

View File

@ -7,6 +7,8 @@
// Edited: 27.06.2024 // Edited: 27.06.2024
// License: MIT // License: MIT
#import "branding.typ": *
#let watermark-color = luma(50%).transparentize(70%) #let watermark-color = luma(50%).transparentize(70%)
#let watermark(config) = if config.draft { #let watermark(config) = if config.draft {
@ -34,7 +36,8 @@
ligatures: true, ligatures: true,
hyphenate: true, hyphenate: true,
dir: ltr, dir: ltr,
font: style.text.font) font: style.text.font,
fill: ABB-BLACK)
show heading: set text( show heading: set text(
font: style.heading.font, font: style.heading.font,

View File

@ -1,4 +1,4 @@
#import "../src/lib.typ": dhbw-template #import "../src/lib.typ": *
#import "glossary.typ": glossary #import "glossary.typ": glossary
#import "abstract.typ": abstract, summary #import "abstract.typ": abstract, summary
@ -34,6 +34,8 @@
= Lorem Ipsum = Lorem Ipsum
#text(fill: ABB-RED, "Hello ABB branding")
#lorem(25) #lorem(25)
@oidc @oidc