Styleguide für meine Websites/-Apps

Fonts

Headline/Footer/Menüs: PT Sans (sans-serif)
Text: PT Serif (serif)
Code: PT Mono (monospace)
Landing Sites: Inter (sans-serif)
Web Apps: Roboto (sans-serif)

yarn add @fontsource/pt-sans
yarn add @fontsource/pt-serif
yarn add @fontsource/pt-mono
yarn add @fontsource/inter
yarn add @fontsource/roboto

Farben

Default Boostrap Styles, davon abweichend:

Footer Text: #a7a7a7

Link in Footer Text: #7d7d7d

Linien/Hintergrund für Bereichsabgrenzung: #e5e5e5

Linien/Hintergrund für Bereichsabgrenzung in bereits abgegrenzten Bereich: #d6d6d6

Für alle anderen Ding auch NUR diese Farben benutzen, in Web Apps ggf. noch eine Theme-Farbe (normal die aus dem Logo).

Links

Default Boostrap Styles, davon abweichend:

a:not(.btn) {
    color: inherit;
    text-decoration-style: dotted;
    text-underline-offset: 0.2rem;
}

a:not(.btn):hover {
    text-decoration: underline !important;
}

a.discrete-link {
    color: inherit !important;
    text-decoration: none !important;
}