Design tweaks

[nogainbar]

in general

• consistency throughout of all headers, body fonts and paragraph styles in terms of widths, colours ect
• buttons: on hover change colour to opposite with transition (see style guide) and on focus - outline:none
• white cards smaller and image more exposed
• white cards square shaped and not rectangle

Menu

• gradient of menu to go from corner to corner: (linear-gradient(-225deg, #FA7D78 0%, #6114CC 100%);

landing

• header text centred and wider
• our work cards - white cards to be all the same width and height and show more of the image (i.e white card to go a bit lower)
• change background colours of section to match designs

Our approach

• space after each paragraph for better readibility
• implement new designs with illustrations for the three steps Discovery, Design , Development

project page

• body font on project page needs to be the same as on 'our approach' i.e 16px
• max width of paragraph needs to be the same as on 'our approach' i.e (800 instead of 700?) is there a max width on the text paragraphs
• check spacing between header and image (should be 80px)
• check width/height of images
• width of quote to be the same as with of all paragraphs
• headers of paragraphs to be the same as the ones on lading page (i.e The challenge, Discovery, Design same as the small headers of sections on landing page with zigzagy things on both sides)

About us

• cards with images of us - bigger and square like in designs
• grid of images like in designs (second row aligned left)

animations

• menu - animation of the words like this, this, or this
• animating the icon of the open and close menu (using animated svg's)
• On hover cards animated, like this or maybe this or this
• object expose behaviour maybe like this
• on hover cards - filter on image (See designs)
• on hover team images - what happens?