Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Basic date format: dd/mm/yyyy. For example 03/08/2017.

  • For the current day and the day before that, the default is Today and Yesterday.

  • Basic time format: 00:00 PM/AM. For example 05:55 AM.For

  • The combined date and time the default uses the word at. For examples: should be connected using either a comma or the word ‘at’, where relevant. For example:

    • 03/08/2017, 00:55 AM and Yesterday, 12:55 PM.

    • 03/08/2017 at 00:55 AM

     or 
    •  and Yesterday at 12:55 PM.

All applications built for Verint should allow the above defaults to be automatically changed based on the users specified browser locale (or by a manual setting, if the application allows it). Details of conventions for specific countries and regions are available here.

...

The general rule for text expansion is: “the shorter the English text, the longer the translated text is likely to be”. The following table shows the average text expansion rate for different English text lengths:

English Text Length

Expansion

1 - 10

100 - 200%

11 - 20

80 - 100%

21 - 30

60 - 80%

31 - 50

40 - 60%

51 - 70

50 - 70%

71+

30%

English word expansion guidelines

In addition to English text length, the target language also has an impact upon the amount of expansion. The following table shows the expansion factor for the English text “Share” into various languages:

Language

“Share”

Expansion Factor

English

Share

1.0

German

Freigeben

1.8

French

Partager

1.5

Spanish

Compartir

1.8

Italian

Condividi

1.7

Japanese

共有

0.8

Chinese

共享

0.8

Korean

공유

0.7

Expansion factor for the English word “Share”

...

In LUX, all headers should be the same size as its corresponding section text using the matrix below. Headers one stop higher (two at most) than the section text may be used when no exact match or extra emphasis is required for that specific section. For example, if your section copy text is set at 12px, use the small, medium or large header depending on how much emphasis is needed. If your section copy text is set at 14px, only the medium or large headers should be used.

Header

rem

px

Html macro
<style>
	@import url('https://rsms.me/inter/inter.css');
	html { font-family: 'Inter' !important; }
</style>
<h1 style="font-family: 'Inter', arial; margin: 0; font-size: 32px;">Huge Header</h1>

2 rem

32 px

Html macro
<style>
	@import url('https://rsms.me/inter/inter.css');
	html { font-family: 'Inter' !important; }
</style>
<h2 style="font-family: 'Inter', arial; margin: 0;  font-size: 24px;">Large Header</h2>

1.5 rem

24 px

Html macro
<style>
	@import url('https://rsms.me/inter/inter.css');
	html { font-family: 'Inter' !important; }
</style>
<h3 style="font-family: 'Inter', arial; margin: 0;  font-size: 16px;">Medium Header</h3>

1 rem

16 px

Html macro
<style>
	@import url('https://rsms.me/inter/inter.css');
	html { font-family: 'Inter' !important; }
</style>
<h4 style="font-family: 'Inter', arial; margin: 0;  font-size: 12px;">Small Header</h4>

0.75 rem

12 px

Html macro
<style>
	@import url('https://rsms.me/inter/inter.css');
	html { font-family: 'Inter' !important; }
</style>
<h5 style="font-family: 'Inter', arial; margin: 0;  font-size: 8px;">Tiny Header</h5>

0.5 rem

8 px

Accessibility

Unless otherwise specified, see our general compliance information in Fundamentals - Accessibility.

...

LUX uses two capitalization styles:

Description

Use for…

Title Case

  • All words in the text element are capitalized (for example: System Management), except for articles (“a,” “an,” “the”) or prepositions with fewer than five letters (“to,” “on,” “at,” “by,” “from”, for example: Forecasting and Scheduling).

  • The second word of a hyphenated compound is capitalized (for example: Quick-Search), unless it is an article or preposition (for example: Add-on).

  • Page title

  • Widgets and other containers titles

  • Navigation items

  • Tab items

  • Popup and dialog headers

Sentence Case

  • All words in the text element are not capitalized, except for:

    • the first word of the text element,

    • names and titles of individuals,

    • unique names of organizations, products, services, technologies etc.,

    • published work titles.

Anything else, including:

  • Secondary headers

  • Data table headers

  • Form elements labels

  • Action menu items

  • Buttons

  • Links

  • Popup titles

  • Toast titles and text

  • Body copy

Examples

...