Final Design Pass
P2 priority Donep2-ft-final-design-passFinal design pass
- Stage
- 03-done
- Author
- Ivan Hawkes
- Created
- Completed
Make one last pass over the project to improve to look and feel of the design.
Final Design Pass
Perform a ‘polish’ pass on the UI look and feel / design of this project which is a personal blog website. I want you to keep the overall theme and colours. Concentrate on improving the white space, layout, and font choices. The font is too small for long term reading. Increase the base font size by 20% and then select relative sizes for all the other fonts used based on best practices. You may add flair and flourishes to the design, such as highlights around cards. Lean towards subtle, classy, timeless design - not the bold, neon, flashy stuff that is popular right now. You may choose how elements are positioned e.g. centred, justified, left, etc
I want you to address these specific remaining issues:
- the byline shows the correct information but has poor design. I want it to be positioned beneath the page title with font choices that are subtle and don’t detract from the title and main prose.
- in a bar at the bottom of the page are related terms (taxonomy) that are separated by ‘⏺’. The character is a good shape and design but displays poorly on mobile. It shows a square background in an unrelated colour around the shape. Switch it for something similar that works correctly on desktop and mobile.
- consider the indentation of ‘ul’ list items. It is currently too subtle and should be a little deeper on the second indentation level. The distance from the marker to the text should be equal on every indentation level.
- the kanban section page displays cards that have a border that can highlight the importance / priorty / lateness of the task. Priorty 1 show no border. Make it so each priority and importance indication has a border that highlights this importance at a glance.