Documentation/ Visual identity /Colors and styles
Contact us
Install
01LOREVIA

Colors and styles

Colors, schemes, and visual settings saved in this preset.

SAVED COLOR SCHEMES

The preset’s five color schemes

These values come directly from settings_data.json. Recreate them in the same order so sections referencing a scheme keep the same appearance.

scheme-1
View values
background
#e9eef0
background_gradient
No custom value: the theme uses its automatic behavior or hides the element when no data is available.
text
#292d31
button
#526a77
button_label
#fafaf8
secondary_button_label
#374b57
shadow
#596f7d
scheme-2
View values
background
#657b87
background_gradient
No custom value: the theme uses its automatic behavior or hides the element when no data is available.
text
#fafaf8
button
#fafaf8
button_label
#374b57
secondary_button_label
#dce5e8
shadow
#26363f
scheme-3
View values
background
#374b57
background_gradient
No custom value: the theme uses its automatic behavior or hides the element when no data is available.
text
#f8f7f4
button
#f5f4f2
button_label
#374b57
secondary_button_label
#c6d3d8
shadow
#1f2c33
scheme-4
View values
background
#e8ddd7
background_gradient
No custom value: the theme uses its automatic behavior or hides the element when no data is available.
text
#332f30
button
#596f7d
button_label
#fafaf8
secondary_button_label
#51484a
shadow
#756b6b
scheme-5
View values
background
#292d31
background_gradient
No custom value: the theme uses its automatic behavior or hides the element when no data is available.
text
#f8f7f4
button
#d9e1e4
button_label
#292d31
secondary_button_label
#f8f7f4
shadow
#151a1d
DESIGN SYSTEM

Preset global values

background_color#F5F4F2
background_soft_color#DCE1E3
foreground_color#292D31
muted_color#69747A
accent_color#69747A
accent_contrast_color#FAFAF8
type_heading_fontbuenard_n4
heading_letter_spacing0
heading_text_transformnone
type_primary_fontsans_serif_n4
link_color#617986
link_hover_color#87A6B7
link_stylenone
surface_color#F5F4F2
surface_border_color#BFC9CE
card_background_color#EEF0F0
card_border_color#8FA0A8
glass_color#f5f4f2
glass_content_color#292D31
glass_action_color#374B57
glass_background_color#F5F4F2
glass_border_color#FFFFFF
button_primary_background#596F7D
button_primary_text#FAFAF8
button_secondary_background#F5F4F2
button_secondary_text#374B57
REPRODUCTION

Recommended order

  1. 01

    Create the schemes in Theme settings → Colors.

  2. 02

    Apply global values before editing a section.

  3. 03

    Then configure page templates in the documented order.

  4. 04

    Check contrast and mobile rendering.