blueprint.digitale-berichte.ch Open in urlscan Pro
2a01:ab20:0:4::133  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Skip to main content Skip to footer
 *  * Brand Farben
    * Neutrale Farben
    * Semantische Farben
    * Schrift Familie
    * Headings
    * Heading 2 (H2)
    * Body Text
    * Schnitt
    * Brand Farben
    * Neutrale Farben
    * Semantische Farben
    * Grössen

 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 


STYLEGUIDE DIGITALE BERICHTE

Mit diesem Styleguide kann man sich eine Übersicht der verschiedenen
Farbpaletten und Typoeinstellungen machen.


FARBPALETTE


BRAND FARBEN

Mit diesen Farben wird die Marke oder der Brand dargestellt.

Primary



Secondary



Tertiary



Accent




NEUTRALE FARBEN

Farben die auf der Website verwendet werden. Wie z. B. Hintergründe oder
Schriften.

Base



Neutral




SEMANTISCHE FARBEN

Diese Farbpalette zeigt verschiedene informative Stadien (wie Gut, Schlecht,
Warnung, Info).

Success



Danger



Warning



Info




TYPOGRAPHIE

Mit diesen Guidelines kann man siehen wie die Schriften angewendet sind.


SCHRIFT FAMILIE

Die Schriften die für Titel und Body verwendet werden.

Haptik

Haptik


HEADINGS

Alle grössen der Headings.


HEADING 1 (H1)


HEADING 2 (H2)


HEADING 3 (H3)

HEADING 4 (H4)

HEADING 5 (H5)

HEADING 6 (H6)


BODY TEXT

Hierbei handelt es sich um die verschiedenen Darstellungen der Textstile auf der
Seite.

This is just placeholder text. Don’t be alarmed, this is just here to fill up
space since your finalized copy isn’t ready yet. Once we have your content
finalized, we’ll replace this placeholder text with your real content.

> Sometimes it’s nice to put in text just to get an idea of how text will fill
> in a space on your website.

Traditionally our industry has used Lorem Ipsum, which is placeholder text
written in Latin. Unfortunately, not everyone is familiar with Lorem Ipsum and
that can lead to confusion. I can’t tell you how many times clients have asked
me why their website is in another language!

There are other placeholder text alternatives like Hipster Ipsum, Zombie Ipsum,
Bacon Ipsum, and many more. While often hilarious, these placeholder passages
can also lead to much of the same confusion.

If you’re curious, this is Website Ipsum. It was specifically developed for the
use on development websites. Other than being less confusing than other Ipsum’s,
Website Ipsum is also formatted in patterns more similar to how real copy is
formatted on the web today.


SCHNITT

Verschiedene Schriftschnitte


AA

Regular 400


AA

Medium 400


AA

Bold 700


BUTTONS

Guideline für die verschieden angwendeten Buttons.


BRAND FARBEN

Die Farbpalette wie sie bei den Buttons angewendet aussieht.

PrimaryPrimarySecondarySecondaryTertiaryTertiaryAccentAccent


NEUTRALE FARBEN

Eine Palette mit den neutralen Farben die als Hintergrund verwendet werden.

BaseBaseNeutralNeutral


SEMANTISCHE FARBEN

A palette of semantic colors used for button states (such as success, danger,
warning, and info).

SuccessSuccessDangerDangerWarningWarningInfoInfo


GRÖSSEN

Die verschieden verfügbaren grössen der Buttons.

Primary

(XS)

Primary

(S)

Primary

(M)

Primary

(L)

Primary

(XL)

Primary

(XXL)


KONTAKT


KONTAKTIERE UNS

Firmenname
Strassenname 55
9999 Stadt

kontakt@firmenname.ch
012 345 67 89
firmenname.ch


ma-admin-quick-nav 1.7.1