Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

UI Tabs


UI Tab
titleOverview

Germanedge Sans

Typography is usefull for structuring information in a sense of giving elements the right hierarchie. It can be part of a pleasurable user experience.

At Germanedge we use our own font, which was designed for best readability and clarity on any kind of monitor. 

You can download the font here:

View file
nameGermanedgeSans.zip
height250




UI Tab
titleUsage

The controlled usage and the right treatment of typography is helping to manage the shown content.

Colors

Type color should always be used in a way, that legibility and accessibility are ensured. In running text neutral colors are best, for warnings or errors yellow or red is only allowed if the background is appropriate.


Weights

Font weight is an important property of typographic elements. They can add importance to elements or include elements in a hierarchy. A bold weight is always more emphatic than a lighter weight font on the same size. 

                                                                                                                                                       


[Italic

Each weight has an italic style, which should only be used when you need to emphasize certain words in a sentence (titles of works, technical terms, names of devices, and captions).    Ron Oemus do we use italic style?  ]


Usage in Body Element


Theme layouts for long paragraphs with more than four lines. It is a good size for comfortable, long-
form reading. We also use this for longer body copy in components such as Accordion or Structured
List.

body-01

Type: GermanedgeSansCn
Size: 14px
Line height: 18px
Weight: 100 / Regular
Line-spacing: 0px

$body-01





UI Tab
titleCode
pawel tomkowski  Tomasz could you place code fragments here?



...