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 ".

[Version 1.3.2] Added new components, fixed and updated some templates and guidelines

*Added version to title

Enhanced the Style primitive color

Changes

  • Expand the selection of colors by expanding the primitive color range from 50 to 900 to 50 to 1200
  • Remove the PRIMARY definition and usage from primitive colors because the Trust ratio between the background and foreground colors must be calculated for each condition.
  • Correction of Guidelines in the Color Style

It introduces the comparison between the color before the change and the color after the change.

[Style] We have changed the guidelines for styles in general.

Changes

  • Correct and revise the text to make it a clearer and more accurate style guideline
  • Proofreading typographical errors

[Template] Input Form Basic Information Template Updated

Changes

  • Names should not be entered in separate fields, and should be entered as one name.
  • Add pattern for entering name with nationality
  • Updating the address entry template when the postal code is not known
  • Added a template to fill out the contact phone number with the area code, local exchange number, and subscriber number in separate columns to ensure that phone numbers are entered from the area code and to make it easier to identify non-numeric characters (such as hyphens and dashes)

It provides a comparison of the basic input form information before the change and the basic input form information after the change. The changed part is surrounded by a red frame.

The [Component] text area has been updated.

Changes

  • Update it as a component including the character count counter, and visualization the user for errors caused by excessive characters.
  • Added guidelines for avoiding excessive characters and their reference examples

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

Added new Component Language Selector

Overview

  • Added UI to select the preferred language required for multilingual support

Language Selector Screen Capture

Added new [Component] accordion

Overview

  • A list element that controls the opening and closing of sections. It meets the demand for displaying related information without page transition while displaying items in a compact list.

Accordion Screen Capture

Added new [Component] utility link

Overview

  • UI that provides a set of navigation links or shortcuts to provide quick access to frequently used features and useful information within a website or application

Utility Link Screen Capture

Design Data

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

Figma Community

Related Links