GLOBAL DESIGN SYSTEM
These settings affect the whole theme.
Configure them before micro-adjusting individual sections. Product cards, motion, navigation, accessibility and drawers inherit these values across templates.
ELVESSANE / THEME DOCUMENTATION
Theme settings
Complete reference for every global setting in config/settings_schema.json.
EV5
DOCS
DOCS
02 / GLOBAL
Brand
| Setting | Type | Default | Options |
|---|---|---|---|
Logologo | image_picker | ||
Logo widthlogo_width | range | 145 | |
Faviconfavicon | image_picker | ||
Mobile logomobile_logo | image_picker | ||
Mobile logo widthmobile_logo_width | range | 110 | |
Logo maximum heightlogo_max_height | range | 54 |
03 / GLOBAL
Typography
| Setting | Type | Default | Options |
|---|---|---|---|
Body fonttype_body_font | font_picker | assistant_n4 | |
Heading fonttype_heading_font | font_picker | nanum_myeongjo_n4 | |
Body text scalebody_scale | range | 100 | |
General heading scaleheading_scale | range | 75 | |
Heading letter spacingheading_letter_spacing | range | 0 | |
Body line heightbody_line_height | range | 1.6 | |
Eyebrow text scaleeyebrow_scale | range | 100 | |
Heading letter caseheading_case | select | none | As typed, Uppercase |
Button letter spacingbutton_letter_spacing | range | 1 |
04 / GLOBAL
Layout
| Setting | Type | Default | Options |
|---|---|---|---|
Maximum page widthpage_width | range | 1800 | |
Desktop side margindesktop_edge_margin | range | 3 | |
Desktop page gutterpage_gutter | range | 28 | |
Mobile page guttermobile_gutter | range | 16 | |
Default section spacingsection_spacing | range | 36 | |
Content densitycontent_density | select | compact | Compact, Balanced, Spacious |
| Editorial scale | |||
Page title size — desktoppage_title_size | range | 48 | |
Section title maximum — desktopsection_title_size | range | 54 | |
Default feature media heightfeature_media_height | range | 580 | |
Maximum cinematic scroll lengthscroll_journey_max | range | 160 | |
Section corner radiusglobal_section_radius | range | 0 | |
Surface shadowsurface_shadow | select | none | None, Soft, Floating |
05 / GLOBAL
Colors
| Setting | Type | Default | Options |
|---|---|---|---|
Page backgroundcolor_background | color | #ECE9E3 | |
Surfacecolor_surface | color | #F7F5F1 | |
Textcolor_text | color | #171717 | |
Muted textcolor_muted | color | #66615A | |
Accentcolor_accent | color | #8A5B3D | |
Borderscolor_border | color | #CFC8BE |
06 / GLOBAL
Buttons and controls
| Setting | Type | Default | Options |
|---|---|---|---|
Control corner radiuscontrol_radius | range | 0 | |
Card corner radiuscard_radius | range | 0 | |
Show arrow details on buttonsshow_button_arrows | checkbox | On | |
Button heightbutton_height | range | 44 | |
Primary button stylebutton_style | select | outline | Solid, Outline, Soft |
Button letter casebutton_case | select | uppercase | Uppercase, As typed |
Button hover motionbutton_hover | select | lift | Lift, Fill, Arrow slide, None |
07 / GLOBAL
Elvessane icons
| Setting | Type | Default | Options |
|---|---|---|---|
| Original 24×24 thin-line SVG icons are used across navigation, product actions, services and interactive controls. | |||
Signature detail coloricon_accent | color | #D2A466 | |
Icon stroke weighticon_stroke | range | 1.5 | |
08 / GLOBAL
Product cards
| Setting | Type | Default | Options |
|---|---|---|---|
Show vendorcard_show_vendor | checkbox | Off | |
Show second image on hovercard_show_secondary_image | checkbox | On | |
Show color swatchescard_show_swatches | checkbox | On | |
Image ratiocard_image_ratio | select | portrait | Portrait, Square, Adapt to image |
Text alignmentcard_text_alignment | select | left | Left, Center |
Image hover stylecard_hover_style | select | second-image | Second image, Gentle zoom, None |
Show quick addcard_show_quick_add | checkbox | On | |
Badge stylecard_badge_style | select | pill | Pill, Label |
09 / GLOBAL
Cart
| Setting | Type | Default | Options |
|---|---|---|---|
Cart behaviorcart_type | select | drawer | Drawer, Page |
Show cart noteshow_cart_note | checkbox | On | |
Show currency codeshow_currency_code | checkbox | On | |
Show accelerated checkoutcart_show_accelerated_checkout | checkbox | On | |
Show payment iconscart_show_payment_icons | checkbox | On |
10 / GLOBAL
Motion and cinematic
| Setting | Type | Default | Options |
|---|---|---|---|
Enable motionenable_motion | checkbox | On | |
Scroll reveal stylemotion_style | select | editorial-veil | Cinematic rise, Editorial veil, Depth focus, Soft blur |
Motion intensitymotion_intensity | range | 80 | |
Replay reveals when scrolling backmotion_replay | checkbox | Off | |
Media hover motionmedia_hover_motion | select | subtle | Subtle, None |
Parallax strengthparallax_strength | range | 6 | |
Motion speedmotion_speed | select | balanced | Slow, Balanced, Fast |
11 / GLOBAL
Welcome popup
| Setting | Type | Default | Options |
|---|---|---|---|
Enable welcome popupwelcome_popup_enable | checkbox | Off | |
Popup stylewelcome_popup_style | select | editorial_split | Editorial split, Cinema center, Minimal card |
Always preview in Theme Editorwelcome_popup_preview | checkbox | Off | |
Popup versionwelcome_popup_version | range | 1 | |
Open afterwelcome_popup_delay | range | 1 | |
Imagewelcome_popup_image | image_picker | ||
Eyebrowwelcome_popup_eyebrow | text | WELCOME TO ELVESSANE | |
Headingwelcome_popup_heading | text | The menswear edit begins here. | |
Textwelcome_popup_text | richtext | <p>Considered menswear built around proportion, texture and everyday versatility.</p> | |
Primary button labelwelcome_popup_primary_label | text | EXPLORE THE EDIT | |
Primary button linkwelcome_popup_primary_link | url | ||
Secondary link labelwelcome_popup_secondary_label | text | VIEW COLLECTIONS | |
Secondary linkwelcome_popup_secondary_link | url | ||
Backgroundwelcome_popup_background | color | #F4EFE8 | |
Textwelcome_popup_text_color | color | #24170F | |
Accentwelcome_popup_accent | color | #A66D2D |
12 / GLOBAL
Vertical navigation
| Setting | Type | Default | Options |
|---|---|---|---|
Enable vertical navigationvertical_nav_enable | checkbox | Off | |
Positionvertical_nav_position | select | right | Left, Right |
Stylevertical_nav_style | select | editorial | Editorial rail, Compact icons, Minimal floating |
| Default links | |||
Show Homevertical_nav_show_home | checkbox | On | |
Home labelvertical_nav_home_label | text | Home | |
Home linkvertical_nav_home_link | url | ||
Show Collectionsvertical_nav_show_collection | checkbox | On | |
Collections labelvertical_nav_collection_label | text | Collections | |
Collections linkvertical_nav_collection_link | url | ||
Show Cartvertical_nav_show_cart | checkbox | On | |
Cart labelvertical_nav_cart_label | text | Cart | |
Cart linkvertical_nav_cart_link | url | ||
Additional navigation menuvertical_nav_menu | link_list | ||
| Colors | |||
Backgroundvertical_nav_background | color | #F4EFE8 | |
Textvertical_nav_text_color | color | #24170F | |
Accentvertical_nav_accent | color | #A66D2D | |
13 / GLOBAL
Accessibility and interaction
| Setting | Type | Default | Options |
|---|---|---|---|
| Keyboard focus | |||
Focus ring colorfocus_ring_color | color | #B8893E | |
Focus ring widthfocus_ring_width | range | 2 | |
Focus ring offsetfocus_ring_offset | range | 3 | |
| Link interaction | |||
Underline text links on hoverunderline_links_on_hover | checkbox | On | |
Underline stylelink_underline_style | select | offset | Solid, Editorial offset |
14 / GLOBAL
Product drawer
| Setting | Type | Default | Options |
|---|---|---|---|
| Global drawer | |||
| One product drawer is used by product cards and quick-add actions across the theme. | |||
Desktop widthglobal_drawer_width | range | 500 | |
Backgroundglobal_drawer_background | color | #F7F5F1 | |
Textglobal_drawer_text | color | #171717 | |
Button / hoverglobal_drawer_accent | color | #171717 | |
View product labelglobal_drawer_view_label | text | VIEW PRODUCT | |
Add to cart labelglobal_drawer_add_label | text | ADD TO CART | |