[COPY] Registration: Answers to Questions from IT

#1 SELECTOR PAGE
https://ferguson.invisionapp.com/share/5QPEAGNRG2P#/screens/334361342

  1. Cannot get left and right border color? Please notice that InVision just filled the background with blue, but, it will be White on the left side and Brand Blue on the left (Click the links for more color info e.g.: HEX numbers)
  2. Can you give us the right sample banner image? Please find the image hereย https://ferguson.invisionapp.com/share/5QPEAGNRG2P#/screens/352557762_registration-Asset-Homeimage

  3. Is arrow right vertical center position? Yes, all of them are right vertical center position.ย 

#13 GO ONLINE: EXISTING CUSTOMER FORM
https://ferguson.invisionapp.com/share/5QPEAGNRG2P#/screens/334361339

  1. Does the banner image contain text or text is HTML structure? HTML
  2. Cannot get phone number color.ย It is the UI Standardย Primary Blue colorย (Click the links for more color info e.g.: HEX numbers)
  3. Can you provide a location icon for the "Request Access" button? Please refer to the UI Standards Icon Link for more specifications. Here is the link to all the icons used in the UI Kit:ย http://bit.ly/FergusonUI-Icons
  4. ย 

    1. Please provide this image:ย Please find the image here:ย https://ferguson.invisionapp.com/share/5QPEAGNRG2P#/screens/352559705_registration-Asset-Accountnumberย (Images have been added to sketch and made exportable
      https://ferguson.invisionapp.com/d/main/#/console/16124582/352019182/inspect)
    2. Does the text have a shadow? Yes

#16 GO ONLINE EXISTING ONLINE CUSTOMER ALERT

  1. Cannot get yellow border color:ย It is the UI Standardย Warningย colorย (Click the links for more color info e.g.: HEX numbers)ย 
  2. Is border width 1px? I think itโ€™s 2px width. Yes it's 2 pixels and this is a drop shadow on an image and the border will just be rasterized with it. The image has been uploaded to InVision and exportable.

#6, #26 & #30 THANK YOU PAGES

  1. Cannot get first name and email font size, I think this text is bigger than that paragraph
    1. "Thank youย {%First Name%}" is all the same font size and isโ€ฆ
      Proxima Nova, Regular, 36px
    2. {%EMAIL%} is also the same as the paragraph size,
      Proxima Nova, Regular, 16px

ย #3 SET UP ACCOUNT: NEW CUSTOMER
https://ferguson.invisionapp.com/share/5QPEAGNRG2P#/screens/334361339

  1. Please provide person icon.ย Please refer to the UI Standards Icon Link for more specifications. Here is the link to all the icons used in the UI Kit:ย http://bit.ly/FergusonUI-Icons

  2. Does it use browser Out-Of-The-Box select element? If it needs to customize, please provide select drop-down list skin. NO. V2-Dropdown and Type-Ahead option, please see here the prototype:ย https://ferguson.invisionapp.com/share/87QLHYWQMY9#/screens/347742617
  3. Use inspect input border color to CSS style, it cannot match the design. All the input fields use a Border Color of 1 px.ย (Click the links for more color info e.g.: HEX numbers)ย 

  4. Please provide a download icon.ย Please refer to the UI Standards Icon Link for more specifications. Here is the link to all the icons used in the UI Kit:ย http://bit.ly/FergusonUI-Icons

ERROR MESSAGING

For the error messages, we will use Local Messages as we documented in the UI Standards. This will be aย Warning Message, so the color for the border and the icon should be the Warning Icon. It will beย called out as JavaScript validation. Here you can see examples of the Local messages for different fields and boxes:ย https://ferguson.invisionapp.com/share/5QPEAGNRG2P#/screens/352556121_registration-Form-Errors


MOBILE DESIGN

#1ย  SET UP ACCOUNT: NEW USERE

  1. There cannot inspect color fromย invisionapp. Can you update design?

  1. Can you provide menu icon? It's different withย Material Icons.

2. Can you provide header background and border bottom color?ย