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

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
#f5f4f0
background_gradient
No custom value: the theme uses its automatic behavior or hides the element when no data is available.
text
#151515
button
#5a272b
button_label
#f5f4f0
secondary_button_label
#151515
shadow
#151515
scheme-2
View values
background
#fcfcfa
background_gradient
No custom value: the theme uses its automatic behavior or hides the element when no data is available.
text
#151515
button
#5a272b
button_label
#f5f4f0
secondary_button_label
#151515
shadow
#151515
scheme-3
View values
background
#d7d3cc
background_gradient
No custom value: the theme uses its automatic behavior or hides the element when no data is available.
text
#151515
button
#151515
button_label
#f5f4f0
secondary_button_label
#151515
shadow
#151515
scheme-4
View values
background
#5a272b
background_gradient
No custom value: the theme uses its automatic behavior or hides the element when no data is available.
text
#f5f4f0
button
#f5f4f0
button_label
#151515
secondary_button_label
#f5f4f0
shadow
#151515
scheme-5
View values
background
#151515
background_gradient
No custom value: the theme uses its automatic behavior or hides the element when no data is available.
text
#e4dfdb
button
#5a272b
button_label
#f5f4f0
secondary_button_label
#f5f4f0
shadow
#151515
DESIGN SYSTEM

Preset global values

background_color#181818
background_soft_color#000000
foreground_color#FFFFFF
muted_color#a9a7a1
accent_color#5a272b
accent_contrast_color#f5f4f0
type_heading_fontbuenard_n4
heading_letter_spacing0
heading_text_transformnone
type_primary_fontsans_serif_n4
link_color#FFFFFF
link_hover_color#d2c5af
link_stylenone
surface_color#181818
surface_border_color#000000
card_background_color#2C2929
card_border_color#000000
glass_color#FFFFFF
glass_content_color#FFFFFF
glass_action_color#000000
glass_background_color#000000
glass_border_color#000000
button_primary_background#5a272b
button_primary_text#f5f4f0
button_secondary_background#a38a5e
button_secondary_text#fcfcfa
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.