Facturee Styleguide

This repo contains a generic Facturee SCSS/ CSS Styleguide. Open index.html for reading the definitions. Use sass/_facturee.scss in your custom project to comply factureee's graphic standards.

Get started

$ npm install
$ gulp sass

To Do:

Struktur / Stringenz

• Reihenfolge einzelner Bausteine anpassen

Header-Bereich

• aufräumen (Redundanzen z.B. USPs entfernen)
• neues Bild
• neuer CTA (Slogan: Die zeitgemäße Beschaffung von Fertigungsteilen)
• ISO 9001-Badge
• Mini-USPs im Sticky Header auf allen Landingpages (?)

Footerbereich

• blaue „Flächen" verschwinden
• neues offenes Design angelehnt an Dokumentenfooter
• mehr Platz für weitere Seiten

Harmonisierung:

• CTAs (Ecken abgerundet, mit/ohne Pfeil, Schriftarten),
• Überschriften (Größe, Positionierung)
• Farbschema (Orange, Grau, weitere Blautöne fest definieren) --> Vorbereitung in Richtung neuer Styleguide

ToDo:

Nav Header:

• CTAs raus – Header streifen höher
• Navigation größer
• Unter-Unter-Kategorie (zum ausklappen) in Submenü

Header:

• Badge bleibt
• Varianten Typo gestalten

Logo karussel: Optimieren

Buttons:

• Ohne Pfeil

Footer:

• in Weiß
• Iso Badge raus
• Kontakte zuerst
• Footer mit Unter-Unterkategorie