Skip to main content
Version: v3

Text

Design principles

Meaningful: The text should help the user make a choice, take an action, or understand the current state.

Concise and comfortable: The text should be simple, user-friendly, and relevant. Keep the user focused on the task and make the user feel good.

Title

Main titles

  • The main title is used to indicate or summarize the current page's content/function.

Design

  • It is recommended that the text of the main title in the page title bar follows the Title Case text rule, where the first letter of each major word is capitalized.

Design

① For round-screen devices, the text in the page title bar.

② For square-screen devices, the text in the top status bar.

Subtitles

  • When the main title cannot fully convey the content, add subtitles to supplement the information.

Design

① The subtitle should have a lower-level style than the main title to show the page hierarchy.

  • The subtitle text in the page title bar should follow the sentence case text rule, meaning the first letter of the first word and all proper nouns are capitalized.

Design

① Regular words.

② Proper nouns.

Body text

The body text should show the full text without omission.

  • Description text and introductions.

Design

  • Message content.

Design

Label text

  • It is recommended that label text adheres to the "sentence case" text display rule, where the first letter of the first word and all proper nouns are capitalized. Care should be taken to avoid using all caps, as it can reduce readability speed.

Design

Design

Auxiliary text

Copywriting principles

Provide simple, direct, clear, and context-appropriate copywriting to avoid confusion.

RulesPreferredIncorrect
Using the fewest possible words without sacrificing accuracySave changes?Do you want to save your changes?
Express key points to be communicated in the current situationYour phone is connecting with us. This may take up to 5 minutes.Your phone needs to connect with our servers before you can log in to your account. This may take up to 5 minutes.
Avoid jargonsGenerating record...Buffering…
Use Arabic numeralsYou have 3 messages.You have three messages.
Clearly define the user and don't describe the same person using both first-person and second-person pronounsChange preferences in "My Account".In "My Account", you can change your preferences.
Use the correct tense and voiceMessage sent.Send message.
Describe goals and methodsTo delete a photo from this album, drag it to the recycle bin.Drag photos to the recycle bin to remove them from this album.
For text on buttons or switches, do not describe the type of element or control, and avoid repetition.Tap Continue.Tap the Continue button.