Default Rich Text Content
This is the default rich text value
01 — Colours
Colour tokens
Every swatch below renders the live CSS variable from the Base collection. Change a variable's value in Webflow's Variables panel and every swatch, and every element on the site using it, updates automatically.
White
--white
Black
--black
Gray 1
--gray-1
Gray 2
--gray-2
Gray 3
--gray-3
Gray 4
--gray-4
Primary 3
--primary-3
Warning
--warning
Error
--error
Black transp
--black-transp
Lighter grey
--lighter-grey
Main black
--new-main-black
Main cream
--new-main-cream
Main grey
--new-main-grey
Main blue
--new-main-blue
Brown
--new-brown
Sage
--new-sage
Bright ice blue
--new-bright-ice-blue
Chicory blue
--new-chicory-blue
02 — Variables & tokens
Other tokens & real usage
Beyond color, the Base and Text variable collections define a font family and spacing tokens. This section documents those, the now-reconnected type scale, and which classes actually reference each color token — cross-checked directly against live style data.
Aa Instrument Sans
Font family
--new
1.5rem
1.5rem padding
--1-5rem-padding
1rem
1rem padding
--1rem-padding
4rem
4 REM
--4-rem
Type-scale tokens (Text collection) — now live
The heading classes (.heading, .heading-2 – .heading-5) are now wired directly to these variables for both font-size and line-height. Edit a value below and every heading using that class, sitewide, updates instantly — no more hardcoded, disconnected sizes.
--h1 / --h1-line-height
3.75rem / 4.375rem
✓ drives .heading & .heading-26
--h2 / --h2-line-height
2.875rem / 3.5rem
✓ drives .heading-2
--h3 / --h3-line-height
1.875rem / 2.5rem
✓ drives .heading-3
--h4 / --h4-line-height
1.625rem / 2.25rem
✓ drives .heading-4
--h5 / --h5-line-height
1.25rem / 2rem
✓ drives .heading-5
--body
1.5rem
✓ drives .body (split out from H4, see note)
--hub-h1
3.375rem
✓ drives .hub-h1 (split out from H1, see note)
Why Body and Hub H1 got their own variables
Before reconnecting, two other classes were quietly riding on these tokens at different values: .body (1.5rem) was reusing the H4 variable (which .heading-4 never actually referenced), and .hub-h1 (3.375rem) was reusing the H1 variable at its old value. Simply re-pointing the headings to H1/H4 would have silently resized .body and .hub-h1 sitewide. Instead I gave each its own dedicated token, so nothing on the live site changed visually, and every class now means one thing.Confirmed colour usage in real classes
A direct query of style properties for variable references — not a full audit of all 1,106 classes, but confirmed, real matches for six commonly-used tokens:
Gray 1
.navigation-link-block, .member-bar, .paragraph-small, .heading-3, .heading-2.text-center
Main black
.field-label, .text-white, .csr-text-link, .button-outline
Main blue
.omis-nav, .form-input, .user-log-in-log-out, .success-message-2, .notification-card-body
Sage
.checkbox, .footer-header-underline, .dropdown-toggle-4, .h4-line, .frame-112, .article
Primary 2
.section-typo-zoom-in, .decoline
White
.collection-item-13, .collection-item-2, .frame-80.white, .modal-search-form
03 — Typography
All heading classes
Every class in the Heading family, live-rendered with its real font-size, weight, and connection status. Sparse-looking entries (Heading 16, 17, 21, 22, 24) genuinely have almost no overrides in Webflow — they inherit from the base heading tag or a parent combo, which is accurately reflected here rather than invented.
.heading
Design that works as hard as our members
.heading-2
Design that works as hard as our members
.heading-3
Design that works as hard as our members
.heading-4
Design that works as hard as our members
.heading-5
Design that works as hard as our members
.heading-6
Design that works as hard as our members
.heading-15
Design that works as hard
.heading-16
Design that works as hard as our members
.heading-17
Design that works as hard as our members
.heading-18
Design that works as hard as our members
.heading-21
Design that works as hard as our members
.heading-22
Design that works as hard as our members
.heading-23
Design that works as hard as our members
.heading-24
Design that works as hard as our members
.heading-26
Design that works as hard as our members
.heading_secondary
Design that works as hard
.heading_small
Design that works as hard as our members
04 — Text & links
Paragraph & inline styles
Body copy, subheadings, and link styles used across articles, the Knowledge Hub, and marketing sections.
.body
Body copy set in the .body class, used for larger intro paragraphs beneath page headers.
.rich-text
Long-form article and Knowledge Hub content is wrapped in .rich-text. The class itself carries no base properties — styling comes from nested paragraph, list, and heading tag defaults inside it.
.paragraph_large
Used for lead paragraphs directly under section headings, slightly larger than body copy.
.subheading
Muted introductory copy that sits just above a section's main heading.
.subheading-2
Bolder eyebrow-style subheading variant
.text-link
.text-white (on dark)
Text White on a dark background
.csr-text-link
05 — Buttons
All button classes
Every distinct button class on the site, grouped by role. Several near-duplicate legacy variants exist (Button_1_blue vs. Button 1_blue) — both are shown so nothing is hidden.
Primary & outline
Legacy blue variants
Button_1_blue
.button_1_blue
Button 1_blue
.button-1_blue
On dark (header & outline-white)
Outline white
.button.button-outline-white
Header main
.button-3.header-main-button
Header 2nd
.button-3.header-2nd-button
Header 3rd
.button-3.header-3rd-button
Feature-specific
06 — Forms
Form elements
Live .form-input, .form-label and .form classes, matching what's used in newsletter, contact, and search forms sitewide.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
07 — Components
Live component library
These are real instances of every registered component on the site. Each block below is labelled with its component name and current sitewide instance count. Edit any component's master definition — from this page or any page — and the change cascades to every instance across the whole site.
Footer
Back to top button
Centered Header with Copy
Policy pages
To ensure the work we do is always relevant to the whole association, there are certain criteria* that those organisations who wish to join must meet.
We offer two categories of membership, (decided by the membership committee and the Board members on application).
Both streams are required to sign the sustainability charter and to align with industry values, we also ask that Members now commit to a UNFCC Race to Zero initiative.
Associate members do not have voting rights at the annual assembly and are not required to sign up to a Race to Zero initiative.
Members:
European outdoor brands, retailers and technology providers
*criteria for membership is:
an outdoor retailer, brand or technology provider.
Has a European turnover in excess of €5 million.
Formally trades in three or more European countries.
Mandatory for EOG members** to commit*** to a UNFCCC’s Race to Zero Initiative by the end of 2024.
Associated Members:
National associations, and other organisations relevant to the value chain and outside of the above membership criteria.
*criteria for membership is demonstrated relevance to the outdoor value chain (ascertained via membership committee)
**does not include Associated Membership
***public statement/ having formally agreed on an organisational level and communicated to the EOG Secretariat’, (not necessarily full entry into the RTZ)
If the above criteria are fulfilled then organisations are eligible to apply for membership of the EOG*
*subject to our T&C's
Latest News
Latest News
NEW_Header Intro Correct
This is some text inside of a div block.
Heading
Navigation
This is some text inside of a div block.
Member's Hub Home
First
email@email.com
Rich Text Article
KHub with 6 downloads
NEW CSR Header
This is some text inside of a div block.
Our Work
CSR & Sustainability
We are striving for an industry that is climate neutral, free from harmful chemicals, responsibly using resources, discharging safe emissions, and maintaining ethical supply chains.
This is some text inside of a div block.
This is some text inside of a div block.
Our Work
ESG
We educate, provide opportunities to make an impact, represent the industry and mitigate risk, respond to our members needs, and cultivate ESG networking opportunities.
Learn More →
Data
We quantify the industry via the Outdoor Market Intelligence Service, the State of Trade sell-in report, and consumer and industry development trends.
Learn More →
Engagement
Through the Outdoor trade show, the Outdoor Impact Summit, our involvement in ISPO, and more, we create relevant, valuable events for the outdoor trade to come together.
Learn More →
This is some text inside of a div block.
This is some text inside of a div block.
Members
Our members are brands, retailers and NGO’s from around the world.
Our members represent a wide cross section of the Outdoor sector.
This is some text inside of a div block.
This is some text inside of a div block.
EOG
What we do
We undertake a wide range of activities, including market research and insights, corporate social responsibility and sustainability initiatives, outdoor retail collaboration, organising and supporting industry events and trade fairs, and representing our sector and its interests to the European Commission, other formal institutions, NGOs, and other stakeholders.
Button TextThis is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Outdoor Market
Intelligence Service (OMIS)
Intelligence Service (OMIS)
This is some text inside of a div block.
This is some text inside of a div block.
ESG
We are striving for an industry that is climate neutral, free from harmful chemicals, responsibly using resources, discharging safe emissions, and maintaining ethical supply chains.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Projects & Resources
This is some text inside of a div block.
This is some text inside of a div block.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
- Item A
- Item B
- Item C
Bold text
Emphasis
Superscript
Subscript
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Outdoor Market
Intelligence Service (OMIS)
Intelligence Service (OMIS)
This is some text inside of a div block.
This is some text inside of a div block.
What OMIS Users Say:
Richard Leedham, CEO, Rab
"I’ve used data extensively throughout my career in the outdoors industry to make better strategic decisions. With OMIS, we’ve been able to identify gaps in the market where we could expand or refine our product range and dramatically increase our market share in just the first year. The data doesn’t make our decisions for us, but it helps us make the best possible use of our resources so that we can focus on making innovative products.”
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
FAQs
What is SDEX?
Why SDEX?
Do we have to exchange sustainability data?
How do we use SDEX?
Why is there so much information required in SDEX?
Where do we start?
When do we fill this out?
What if we cannot fill out every data point?
What if we have very specific technical questions when filling out the SDEX tool?
08 — Legacy classes
Numbered & duplicate classes
Years of page-building in Webflow's visual editor generate auto-named duplicate classes whenever an element is copied without renaming (e.g. "Heading 21", "Text 43", "Frame 108"). These aren't part of the intentional design system above — they're one-off, page-specific styles. Below is the full inventory so nothing is hidden, just organized separately from the canonical classes.
1,106
Total classes on the site
789
Global classes
317
Combo classes (style variants)
149
Numbered duplicates identified below
26
Frame 1–122
.frame-5, .frame-108, .frame-122…
21
text 2–55
.text-3, .text-24, .text-55…
16
Heading 15–27
.heading-15 – .heading-27
15
Image 5–69
.image-8, .image-50, .image-69…
11
Collection Item 2–22
.collection-item-2 – -22
9
Collection List 2–20
.collection-list-2 – -20
9
Collection List Wrapper 4–16
.collection-list-wrapper-4…
8
Text Block 2–27
.text-block-2 – -27
6
Link Block 2–20
.link-block-2 – -20
7
container / Container 6–18
.container-6, .container-18…
3
HTML Embed 2–4
.html-embed-2, -3, -4
3
section 3–9
.section-3, -7, -9
3
Div Block 3–15
.div-block-3, -14, -15
3
Link 7–11
.link-7, -10, -11
3
Dropdown / Dropdown List 2–4
.dropdown-2, .dropdown-list-4…
3
Icon 5–7
.icon-5, .icon-6, .icon-7
A note on cleanup
I checked all 149 numbered classes above for genuinely empty definitions (zero CSS properties, meaning the class does nothing wherever it's applied). Of those, only 1 class ("Heading 27") could be safely deleted — it's been removed. Every other empty-looking candidate is still attached to at least one live element on the site (Webflow's API blocked the deletion), so removing it would strip a class off real content. True cleanup of the rest requires checking every one of the site's 83 pages for where each class is actually applied — safest done inside the Designer, where you can see "0 instances" directly on a class before deleting it, or by exporting the site's CSS and cross-referencing against a code editor.