fa_styleguide

1.0.0 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i fa_styleguide

Weekly Downloads

0

Version

1.0.0

License

Private

Unpacked Size

12.4 kB

Total Files

6

Last publish

Collaborators

  • fwalzel