[MAGNOLIA-6783] Improve legibility of installation screens by switching regular text from DIN font to Verdana Created: 23/Sep/16  Updated: 31/Oct/16  Resolved: 31/Oct/16

Status: Closed
Project: Magnolia
Component/s: gui
Affects Version/s: None
Fix Version/s: None

Type: Improvement Priority: Major
Reporter: Andreas Weder Assignee: Michal Novak
Resolution: Duplicate Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File 1 List of modules to install.png     PNG File 2 Install messages.png     PNG File 3 License screen.png     PNG File 4 Welcome screen.png    
Issue Links:
Relates
relates to MAGNOLIA-6796 Fix two visual design issues on the m... Closed
relates to MAGNOLIA-6797 Fix two visual design issues on the i... Closed
duplicate
duplicates MAGNOLIA-6541 Redesign installation and update screen Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Date of First Response:

 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


 Comments   
Comment by Milan Divilek [ 31/Oct/16 ]

Fixed as part of MAGNOLIA-6541

Generated at Mon Feb 12 04:17:47 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.