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

Dependencies (0)

    Dev Dependencies (6)

    Package Sidebar

    Install

    npm i fa_styleguide

    Weekly Downloads

    1

    Version

    1.0.0

    License

    Private

    Unpacked Size

    12.4 kB

    Total Files

    6

    Last publish

    Collaborators

    • fwalzel