Skip to content

Commit

Permalink
added call-to-action-button styles in 2d-styleguide
Browse files Browse the repository at this point in the history
  • Loading branch information
splican committed Sep 9, 2024
1 parent 3231524 commit d2740cf
Showing 1 changed file with 6 additions and 2 deletions.
8 changes: 6 additions & 2 deletions AdLerDokumentation/Writerside/topics/Styleguide-2D-Engine.md
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ Um Icons einheitlich gestalten zu können, soll sich an folgende Konventionen ge
- Bevorzugte Highlight Farben
- adleroceanblue: #45a0e5
- nodehandlecolor: #e9d6b3
- Icon Kontur-Stärke: 30 pt
- Icon Kontur-Stärke: 60 pt
- Bei Schriften immer ***Roboto Black*** verwenden
- Die ***Form*** des Icons soll den ***verfügbaren Raum***, so gut wie möglich ***ausnutzen***
- Das Icon ***muss*** für die Verwendung in der AdLer-Engine und im Autorentool auch in ***sehr kleiner Größe*** erkennbar sein, sprich der Detailgrad sollte im Rahmen bleiben und sich auf eine einfache Erkennbarkeit konzentriert werden.
Expand Down Expand Up @@ -111,4 +111,8 @@ Anmerkung: Es kann sein, dass beim Importieren des Logos mittels `import` die In

Überblick über die Navigation zwischen den einzelnen Teilen der 3D-Lernumgebung und den Menüs der Anwendung.

![Beispiel Icon "Bild"](imageStyleguide2DSoftwareSchnittstellenLernumgebung.png){width="300" thumbnail="true"}
![Beispiel Icon "Bild"](imageStyleguide2DSoftwareSchnittstellenLernumgebung.png){width="300" thumbnail="true"}

### Buttons
#### Call-to-Action
Mit Call-to-Action sind Buttons gemeint, die zu einer anderen Seite innerhalb oder außerhalb der Anwendung führen. Diese sind zur schnelleren Erkennbarkeit mit fetter Schrift ausgezeichnet (Tailwind Klasse: ``font-bold``).

0 comments on commit d2740cf

Please sign in to comment.