Design system
Showcase of reusable components and their variants. Use this page during development to verify visual consistency after changes.
eh-icon
Every icon name supported by {% render 'eh-icon', icon: '...' %}.
promo-banner-generic
As rendered in hero-video for the usa-7 / memorial-day promos.
As rendered in hero-video for the promo-gift / black-friday promos.
promo-signup
Black Friday email signup. Gold hero, single-row email + submit, consent checkbox.
Memorial Day 2026
We plan to start a little earlier than the official date. This helps spread out orders over a longer period, making it easier for us to give each customer the best service possible.
Sign up with your email now and be the first to receive your promo code when our sale begins.
Subscribe form with name + email + consent checkbox. Dark gradient hero with tag icon.
Memorial Day is almost here. Unlock Exclusive Savings: Get 7% Off Your Entire Order!
We plan to start a little earlier than the official date. This helps spread out orders over a longer period, making it easier for us to give each customer the best service possible.
Sign up with your email now and be the first to receive your promo code when our sale begins.
USA-styled signup: blue hero with flag, name + state + email, two-column layout on desktop.
We plan to start a little earlier than the official date. This helps spread out orders over a longer period, making it easier for us to give each customer the best service possible.
Sign up with your email now and be the first to receive your promo code when our sale begins.
promo-gift-card
Rendered in trust / hero-video when the active promo handle is promo-gift. Reads from the promotion metaobject — shown only if that
metaobject exists.
No promo-gift metaobject exists in this store — nothing to preview.
promo-black-friday
Rendered in trust when the active promo handle is black-friday-cyber-monday-special. Reads from the promotion metaobject.
No black-friday-cyber-monday-special metaobject exists in this store — nothing to preview.
Buttons
Inputs
Used in promo-signup forms for name/state/email. Borderless — designed to sit on a coloured surface (--color-surface-alt). Styles are scoped to .s-promo-signup.
Used inline with a submit button on the bf variant. Also borderless.
Used for consent in promo-signup forms.
Native radio inputs with inline labels.
Label above input.
Multi-line text input.
Native dropdown.
Not a shared class — shown as a fallback example of a rectangular input.
tabs-wrap
Tab strip defined in all.less. The .active tab gets a gold underline; tabs have no built-in click behaviour — callers wire it up themselves.
four-reasons-to-buy
Four trust badges (money back, reviews, warranty, free shipping). Free-shipping label includes a minimum-spend note when product.price < 10000 — outside a product context that
conditional is falsy.
Guarantee
(900+ reviews)
Warranty
warranty-section
Dark banner with a masked image on one side and a title + body on the other. Stacks image-on-top below 1020px.
5-year warranty
100% SATISFACTION GUARANTEE
If you are not completely satisfied with the product, you can send it back at our expense within 180 days of receiving it and we will provide a full refund.
card-product + product-grid
Primitives for collection pages, cart add-ons, and the homepage. Built on the shared .eh-card markup.
Renders against collections.all.products, limited to 4.
-
Adjustable LED lamp
regular price From €220,00 EURregular pricePrice per unit and -
Cable management unit
regular price €150,00 EURregular pricePrice per unit and -
Castors with brakes
regular price From €40,00 EURregular pricePrice per unit and -
Classic corner frame
regular price €490,00 EURregular pricePrice per unit and
With view_all_url — renders the "View all" CTA under the grid.
-
Adjustable LED lamp
regular price From €220,00 EURregular pricePrice per unit and -
Cable management unit
regular price €150,00 EURregular pricePrice per unit and -
Castors with brakes
regular price From €40,00 EURregular pricePrice per unit and
Rendered without card_product — the onboarding fallback.
Example of a product title
price
Product price with locale-aware currency formatting. Composes bundle-price internally for bundle products.
Inline sale / sold-out pills when the product matches the condition.
trust-partners
Grayscale partner-logo row on a light background. Amazon link switches TLD by request.locale.iso_code; Slovenian locale shows two extra logos.
trust-faq
FAQ accordion, category-scoped. Reads from the faq metaobject (filtered by locale and optional currency). Click a question to expand it.
FAQ
What are the current delivery times?
Estimated delivery times are calculated dynamically based on your selected setup and are shown under the BUY button in the configurator. If you would like to delay the shipment due to travel or vacation, simply place your order and email us - we’ll schedule the shipment according to your preferred delivery date.
Can I delay the shipment of my order?
Yes. If you're going on vacation or would like to receive your desk at a later date, simply place your order and send us an email afterward. We’ll gladly schedule the shipment for your preferred delivery date.
Is it possible to remove the attached power strips?
Yes, that's really simple as the power strips are attached to the screws on the lid as it is shown in the attached video. Just move it to the left or to the right.
Do you need to hold the button to change the desk height from one pre-saved position to another?
No. One gentle push is ALL it takes!
Is it possible to buy an ErgoHide desk and order additional accessories later?
Yes, all of our desks are pre-prepared for all compatible add-ons, so you can decide to upgrade at any time later.
Is a standing desk right for me?
Standing desks are suitable for anyone who spends a lot of time at a desk and wants to reduce the strain on their back and improve their health and productivity. They are also recommended for those with health issues such as back or neck pain.
What are the benefits of using a standing desk?
Using a standing desk has many benefits, including reducing strain on the back, improving posture and health, increasing productivity, and promoting creativity.
How can I choose the right standing desk for me?
When choosing a standing desk, you should consider the size and shape of the desk, the material and shape of the base, the height adjustment range, the speed of the lifting and lowering mechanism, and other features it offers. It is recommended to consult with an expert before making a purchase.
customer-photos
Customer-setup carousel. The snippet emits the data script; the Vue Carousel is lazy-mounted by all.js once #customer-photos-carousel scrolls near the
viewport.
videos-section
Feature-video grid. Reads the videos metaobject collection and filters per product context (none here, so unboxing + generic assembly videos are shown). Click a thumbnail to open
the YouTube / MP4 popup (requires video-popup rendered on the same page — included below).
Watch our videos
Just got your desk? Here’s how to set it up—step by step.
Watch this video to see how one of our customers upgraded his office.
Locale-aware text
These snippets output text that depends on localization.country.currency.iso_code and request.locale.iso_code. Switch the currency/locale in the theme toolbar to see
variants.
Current output for the active locale/currency:
USD → US number; everything else → EU number.
