Uploaded image for project: 'Magnolia'
  1. Magnolia
  2. MAGNOLIA-6783

Improve legibility of installation screens by switching regular text from DIN font to Verdana

    XMLWordPrintable

    Details

    • Type: Improvement
    • Status: Closed
    • Priority: Major
    • Resolution: Duplicate
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: gui
    • Labels:
      None

      Description

      The new visual appearance of the installation screens are implemented and look already great. We're now going to tweak a couple of things in their visual appearance to increase the overall look and feel, usability and legibility.

      For starters, we're fixing font usage. In Magnolia's UX, we use the DIN font only for titles; all regular text is styled using Verdana. DIN is a very popular font, but is not king when it comes to legibility of bigger text blocks (special font variants exist for that, but we don't use these).

      Please thus change the following texts.

      • List of modules to install (see attachment 1):
        • Module name: Verdana bold 12px
        • Module version and new/update status: Verdana regular 12px
        • Module descriptions: Verdana regular 12px
        • Tasks and conditions, including their description: Verdana regular 12px
        • "Show/Hide all details" action in the upper right corner: Verdana regular 12px
      • Messages during installation (see attachment 2)
        • Execution summary: Verdana regular 12px
        • Message title: Verdana bold 12px
        • Message module version number: Verdana regular 12px
        • Message text: Verdana regular 12p
        • "Refresh status" link button: Verdana regular 12px
      • License screen (see attachment 3)
        • Description texts under point 1 + 2: Verdana regular 12px
        • Form labels: Verdana regular 12px
        • Form input values: Verdana regular 12px (text input field and text area)
      • Welcome screen (see attachment 4)
        • all messages and links, except for titles and head line: Verdana regular 12px

        Checklists

        Acceptance criteria

          Attachments

          1. 1 List of modules to install.png
            1 List of modules to install.png
            139 kB
          2. 2 Install messages.png
            2 Install messages.png
            198 kB
          3. 3 License screen.png
            3 License screen.png
            196 kB
          4. 4 Welcome screen.png
            4 Welcome screen.png
            223 kB

            Issue Links

              Activity

                People

                Assignee:
                mnovak Michal Novak
                Reporter:
                weder Andreas Weder
                Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved:
                  Date of First Response:

                    Checklists

                    DoD