Styleguide

Website-Informationen Farben Typografie Weitere Einstellungen

Website-Informationen

Name der Website

campaigners Agency | part of campaigners Network

Untertitel

Agentur für Politische Kommunikation

Logo

Favicon

Globale Farben

Accent

25%

HEX: #61CE7040

RGB: rgb(97, 206, 112)

Deckkraft: 25% (0.25)

Variable: var(--e-global-color-3449699)

Basis

HEX: #61CE70

RGB: rgb(97, 206, 112)

Deckkraft: 100% (1.00)

Variable: var(--e-global-color-accent)

Black

50%

HEX: #00000080

RGB: rgb(0, 0, 0)

Deckkraft: 50% (0.50)

Variable: var(--e-global-color-1a8ad23)

75%

HEX: #000000BF

RGB: rgb(0, 0, 0)

Deckkraft: 75% (0.75)

Variable: var(--e-global-color-054b2b0)

Basis

HEX: #000000

RGB: rgb(0, 0, 0)

Deckkraft: 100% (1.00)

Variable: var(--e-global-color-b758403)

Dark

25%

HEX: #2B2E3440

RGB: rgb(43, 46, 52)

Deckkraft: 25% (0.25)

Variable: var(--e-global-color-ad35c0c)

Basis

HEX: #2B2E34

RGB: rgb(43, 46, 52)

Deckkraft: 100% (1.00)

Variable: var(--e-global-color-43f749c)

Grey

HEX: #CACBCC

RGB: rgb(202, 203, 204)

Deckkraft: 100% (1.00)

Variable: var(--e-global-color-c6d45dd)

Primary

75%

HEX: #083B28BF

RGB: rgb(8, 59, 40)

Deckkraft: 75% (0.75)

Variable: var(--e-global-color-1a2c991)

Primär

Basis

HEX: #083B28

RGB: rgb(8, 59, 40)

Deckkraft: 100% (1.00)

Variable: var(--e-global-color-primary)

Sekundäre

Basis

HEX: #BDE5C9

RGB: rgb(189, 229, 201)

Deckkraft: 100% (1.00)

Variable: var(--e-global-color-secondary)

Text

Basis

HEX: #FFFFFF

RGB: rgb(255, 255, 255)

Deckkraft: 100% (1.00)

Variable: var(--e-global-color-text)

White

50%

HEX: #FFFFFF00

RGB: rgb(255, 255, 255)

Deckkraft: 0% (0.00)

Variable: var(--e-global-color-26d01ab)

Basis

HEX: #FFFFFF

RGB: rgb(255, 255, 255)

Deckkraft: 100% (1.00)

Variable: var(--e-global-color-67e5ad9)

Basis

HEX: #FFFFFF

RGB: rgb(255, 255, 255)

Deckkraft: 100% (1.00)

Variable: var(--e-global-color-7266fa4)

Globale Schriftarten (Live-Beispiele)

Primär — Familie: Outfit · Stärke: 600

Desktop → Lorem ipsum dolor

Tablet → Lorem ipsum dolor

Mobil → Lorem ipsum dolor

Sekundäre — Familie: Outfit · Stärke: 400

Desktop → Lorem ipsum dolor

Tablet → Lorem ipsum dolor

Mobil → Lorem ipsum dolor

Text — Familie: Outfit · Stärke: 500 · Größe: Desktop: 1.5rem, Tablet: 1.25rem, Mobil: 1.18rem · Zeilenh.: 1.3em

Desktop → Lorem ipsum dolor

Tablet → Lorem ipsum dolor

Mobil → Lorem ipsum dolor

Accent — Familie: Playfair Display · Stärke: 500

Desktop → Lorem ipsum dolor

Tablet → Lorem ipsum dolor

Mobil → Lorem ipsum dolor

Links — Familie: Outfit · Stärke: 500

Desktop → Lorem ipsum dolor

Tablet → Lorem ipsum dolor

Mobil → Lorem ipsum dolor

H1 — Familie: Outfit · Größe: Desktop: 8.125rem · Zeilenh.: 7.5rem

Desktop → Lorem ipsum dolor

Tablet → Lorem ipsum dolor

Mobil → Lorem ipsum dolor

H2 - NEW — Familie: Outfit · Größe: Desktop: 3rem, Mobil: 40px · Zeilenh.: 3rem

Desktop → Lorem ipsum dolor

Tablet → Lorem ipsum dolor

Mobil → Lorem ipsum dolor

H3 — Familie: Outfit

Desktop → Lorem ipsum dolor

Tablet → Lorem ipsum dolor

Mobil → Lorem ipsum dolor

H4 — Familie: Outfit

Desktop → Lorem ipsum dolor

Tablet → Lorem ipsum dolor

Mobil → Lorem ipsum dolor

H5 — Familie: Outfit

Desktop → Lorem ipsum dolor

Tablet → Lorem ipsum dolor

Mobil → Lorem ipsum dolor

H6 — Familie: Outfit

Desktop → Lorem ipsum dolor

Tablet → Lorem ipsum dolor

Mobil → Lorem ipsum dolor

Text Big — Familie: Outfit · Größe: Desktop: 1.875rem · Zeilenh.: 2.5rem

Desktop → Lorem ipsum dolor

Tablet → Lorem ipsum dolor

Mobil → Lorem ipsum dolor

Text Normal — Familie: Outfit · Größe: Desktop: 16px

Desktop → Lorem ipsum dolor

Tablet → Lorem ipsum dolor

Mobil → Lorem ipsum dolor

Text Small — Größe: Desktop: 14px

Desktop → Lorem ipsum dolor

Text Tiny — Größe: Desktop: 11px

Desktop → Lorem ipsum dolor

H3 — Familie: Outfit · Stärke: 600

Desktop → Lorem ipsum dolor

Tablet → Lorem ipsum dolor

Mobil → Lorem ipsum dolor

Text Tiny Neu — Familie: Outfit · Größe: Desktop: 10.75px

Desktop → Lorem ipsum dolor

Tablet → Lorem ipsum dolor

Mobil → Lorem ipsum dolor

Weitere globale Einstellungen

Bilder & Lightbox

• Global Image Lightbox: yes

• Lightbox Enable Counter: yes

• Lightbox Enable Fullscreen: yes

• Lightbox Enable Zoom: yes

• Lightbox Enable Share: yes

• Lightbox Title Src: title

• Lightbox Description Src: description

Layout & Abstände

• Template: default

• Default Generic Fonts: Sans-serif

• Page Title Selector: h1.entry-title

• ActiveItemIndex: 1

• Viewport Md: 768

• Viewport Lg: 1025

• Container Width: 1773px

• Container Padding: Top: 6.25rem, Right: 0rem, Bottom: 6.25rem, Left: 0rem

• Space Between Widgets: 1em

• Container Padding Tablet: Top: 5rem, Right: 0rem, Bottom: 5rem, Left: 0rem

• Container Padding Mobile: Top: 3.750px, Right: 0px, Bottom: 3.750px, Left: 0px

• Typography Typography: custom

• Typography Font Family: Outfit

• Typography Font Weight: 400

• Link Normal Color: #000000

• H1 Typography Typography: custom

• H1 Typography Font Family: Outfit

• H1 Typography Font Size: 6.125rem

• H1 Typography Line Height: 7.5rem

• H2 Typography Typography: custom

• H2 Typography Font Family: Outfit

• H2 Typography Font Size: 3.125rem

• H2 Typography Line Height: 1.7rem

• H4 Color: #000000

• H5 Color: #000000

• H6 Color: #000000

• H1 Typography Font Size Tablet: 3.6rem

• H1 Typography Font Size Mobile: 2.25rem

• H1 Typography Line Height Tablet: 4.5rem

• H1 Typography Line Height Mobile: 3.3rem

• H2 Typography Font Size Tablet: 2.5rem

• H2 Typography Line Height Tablet: 6.5rem

• H3 Typography Typography: custom

• H3 Typography Font Family: Outfit

• H3 Typography Font Size: 2.188rem

• H3 Typography Font Weight: 700

• H3 Typography Line Height: 2.938rem

• H2 Typography Line Height Mobile: 3.7rem

• H3 Typography Line Height Mobile: 2.5rem

• Typography Enable Styleguide Preview: yes

• H2 Typography Font Size Mobile: 2.25rem