Skip to main content

This page has been translated using TexTra by NICT. Please note that the translation may not be completely accurate.
If you find any mistranslations, we appreciate your feedback on the "Request form for improving the automatic translation ".

Updated colors, typography, text input, etc.

I adjusted the color.

Changes

  • Desaturate the blue (Sea) button and link colors to make them more pleasing to the eye
  • Spread the blue (Sea) color palette towards the darker side to improve the contrast Trust ratio in the palette
  • Adjust the saturation of brown (Wood-200,100,50) to better match the adjusted blue
  • Add Hover, Active to Text color

It shows a comparison between the color before the change and the color after the change. The changed part is surrounded by a red frame.

I updated the typography.

Changes

  • Customizable order of heading usage to help optimize for each service
  • Align styles between mobile and desktop versions, adjust to minimum number of styles

It presents a comparison between the typography before the change and the typography after the change. The changed part is surrounded by a red frame.

Fixed text entry, text area, selector and radio buttons

Changes

  • Position of support text moved just below label
  • Deprecated placeholder text
  • "Support Text" and "Help Text" have been unified and changed to "Support Text".

It introduces the comparison between the text input before the change and the text input after the change. The changed part is surrounded by a red frame.

Design Data

You can view design Figma from the Data Community provided by the design tool Figma.

Figma Community

Related Links