search

hopps-app / hopps

Hopps wird eine cloudbasierte Open Source Buchhaltungssoftware mit AI, damit Vereine mehr Zeit für ihre wesentlichen Ziele und Angebote haben und frustrierte Situationen mit der Buchhaltung der Vergangenheit angehören.
MIT License
14 stars 0 forks source link

Brand Guideline #97

Closed d135-1r43 closed 2 days ago

d135-1r43 commented 3 days ago

Story

As a Developer I want to have a brand guideline as PDF.

Acceptance

lukas-leonhardt commented 3 days ago

Grundsätzlich habe ich den Brand Guideline erstellt. Wenn er final ist, kann ich das als PDF exportieren und an gewünschter Stelle ablegen. https://www.figma.com/design/1GxaXKEiosDy2PnCZXIMhq/Branding?node-id=381-191&t=aqIJ7HIKNWZ5MdLZ-4

Ich habe noch ein Thema mit den Font Definitions. Ich habe jetzt die Font Styles verwendet, die Rabea in Figma angelegt und in ihrem Design verwendet hat.

Wollen wir die Text Styles gleich so anlegen, dass sie mit dem Font-System von TailwindCSS zusammenpassen? https://tailwindcss.com/docs/font-size

Ich finde die Font-Definitionen von TailwindCSS sehr sinnvoll. Dann haben wir in den Frontends auch nicht so viel Konfiguration zu tun + wir haben konsistente Styles über alle Touchpoints (LandingPage, App, WebApp, etc.).

Wie ist euere Meinung dazu @d135-1r43 @RabeaBonten ?

d135-1r43 commented 3 days ago

Danke.

Font Styles sind so fein. Ich würde gern auf Italic verzichten, daher passt es so. Und ja, gern so anlegen, dass es direkt zu der Typografie von Tailwind passt.

lukas-leonhardt commented 2 days ago

Ich habe die Typo an die Größen von Tailwind angepasst und eine feste line-height vergeben. Meiner Meinung nach benötigen wir für Body-Texte noch einen leichteren Schriftschnitt (regular). Aber das können wir gerne auch nachziehen, wenn der Bedarf wirklich aufkommt.

PDF ist hier abgelegt: https://openprojectpaf.sharepoint.com/:b:/s/hopps/ERb-0sZr-V5Ai0FMRIjHrdwBDKZtHDGZDGRIupiqByT4tQ?e=HAafUh

d135-1r43 commented 2 days ago

Danke, das passt so für mich. Bzgl. den Fließtexten: Lass uns einfach mal schauen, wie es ausschaut. Wenn es zu schwer wird, nehmen wir noch einen zweiten Font für die Bodytexte.