Skip to main content

Company Catalog Page

Module: ChemIQ

The company catalog is the front door of your Public SDS Portal. One URL — sds.tellusehs.com/{your-slug} — lists every product you've published, with a search bar that actually works, hazard filters that mean something, and your branding on every page.

It's what you replace the "can you email me the SDS for…" workflow with.

The URL​

Once you've claimed a slug from ChemIQ > Public SDS Portal, your catalog lives at:

https://sds.tellusehs.com/{your-slug}

For example, a cleaning distributor with the slug cleanpro would share:

https://sds.tellusehs.com/cleanpro

This URL is permanent, login-free, indexable by search engines, and safe to put on your website footer, in customer email signatures, in contract paperwork, or on the back of a business card.

In development and test environments, the same catalog lives at sds-dev.tellusehs.com/{your-slug} and sds-test.tellusehs.com/{your-slug} for sandbox testing.

What Visitors See​

When a visitor lands on the catalog, they see four things at once:

Branded Header​

Your logo on the left, your company name as the page title, and the words "Safety Data Sheet Catalog" underneath. The header background uses your primary color — or Tellus's deep navy #0F172A if you haven't picked one yet.

If you haven't uploaded a logo, a generic shield icon stands in. The page still works — it just won't look like yours.

A single search input with the placeholder "Search by product name, CAS, manufacturer, or SDS contents…" It searches across four fields at once:

FieldExample queryWhat it matches
Product nameacetoneEvery product whose name contains "acetone"
CAS number67-64-1The exact CAS match for acetone
ManufacturercleanproEvery product made by CleanPro
SDS bodyskin contactEvery SDS whose Section 4 (First Aid) or Section 8 (PPE) mentions skin contact

The body-content search is the one that surprises customers. Type ventilation and you'll find every SDS that mentions ventilation in its handling instructions — even if "ventilation" is nowhere in the product name. This is the feature that replaces "I'm not sure what it's called but it does…"

Search is debounced 300ms — visitors type naturally and results update as they pause.

Filter & Sort Row​

Below the search bar, two controls work together:

GHS Pictogram filter chips. All nine GHS hazard symbols render as clickable chips with the actual visual icon (flame, skull, corrosion, etc.) plus a human label. Click one — say, Flammable — and the catalog filters down to products whose SDSs include that pictogram. Click multiple to narrow further.

Pictogram chipWhat it filters to
ExplosiveGHS01 — explosive materials
FlammableGHS02 — flammable liquids, solids, gases, aerosols
OxidizingGHS03 — oxidizers
Compressed gasGHS04 — gases under pressure
CorrosiveGHS05 — skin / eye / metal corrosives
ToxicGHS06 — acute toxicity
Harmful / irritantGHS07 — irritants, sensitizers, lower-tier acute toxicity
Health hazardGHS08 — carcinogens, mutagens, reproductive toxins, STOT
Environmental hazardGHS09 — aquatic toxicity

Sort dropdown. Three options:

  • Name (A–Z) — alphabetical (default)
  • Recently published — newest first, useful right after a bulk publish
  • Hazard severity — highest H/S/E severity first, useful when customers are doing a hazard audit

A result count appears next to the sort control: "42 products" or "No products found."

Product Grid​

Below the filters, a paginated grid of product cards (two columns on tablet/desktop, one on mobile, 20 per page). Each card shows:

ElementWhat it tells the visitor
Product nameThe exact name as published
CAS numberIf assigned — in monospace, prefixed CAS
GHS pictogramsUp to four visual icons for the product's hazards
Signal wordDanger (red) or Warning (amber) — the GHS signal word from Section 2
View SDS → linkTap to open the per-product page with the full SDS PDF
Match-source chipOnly when a search is active — see below
SDS missing badgeIf the product is published but its SDS hasn't been uploaded yet (rare, but possible during initial onboarding)

The left border of each card uses your primary color — so even at a glance, the cards read as yours.

Match-Source Chip​

When a visitor has typed a search, every result card shows a small color-coded chip indicating why that result was returned:

ChipColorMeaning
matched nameBlueThe query matched the product name field
matched CASPurpleThe query matched the CAS number
matched manufacturerEmeraldThe query matched the manufacturer name
matched in SDSGrayThe query matched parsed text inside the SDS body (Section 1–4, 7–9)

This is a small detail that saves a lot of confusion. When a visitor searches acetone and a result called "MultiClean Formula 7" shows up with a matched in SDS chip, they understand immediately: the product itself isn't called acetone, but acetone is in its composition.

At the bottom of the page, three things in this order:

  1. Your disclaimer text, if you've set one (otherwise the default Tellus Safety Summary disclaimer appears on each per-product page).
  2. Your contact info — free-text from the branding panel, rendered as a card.
  3. The "Powered by Tellus EHS" small print, with a link back to tellusehs.com.

Search Mechanics — Why It Finds What It Finds​

Tellus runs weighted full-text search across the four fields above. That means a match on the product name is treated as a stronger signal than a match deep in Section 7. Ranking goes:

  1. Product name (highest weight — most likely what the visitor typed)
  2. CAS number (very specific lookup — second highest)
  3. Manufacturer / synonyms (alias matches)
  4. SDS body content (informational matches like "skin contact" or "respirator")

The catalog returns results sorted by overall match strength, then alphabetically by name for ties. When a visitor changes the sort dropdown to Recently published or Hazard severity, the sort key changes but the match-source chip on each row still tells them which field matched.

What gets searched in the SDS body. Sections 1 (Identification), 2 (Hazards), 3 (Composition), 4 (First Aid), 7 (Handling & Storage), 8 (PPE / Exposure Controls), and 9 (Physical Properties). Sections 12–15 (ecological, disposal, transport, regulatory) are excluded from search — they tend to add noise without helping a worker find the right SDS.

What's Not Shown on the Catalog​

The catalog renders the same opt-in data that the per-product pages do. It never shows:

  • Inventory quantities or stock levels
  • Storage locations
  • Site names or site-specific data
  • User accounts, internal notes, or audit history
  • Products you haven't toggled to Public
  • Pricing or supplier data

The catalog is scoped at the company level. Site-specific data (what's at Warehouse B versus the front office) lives on site posters, not in the catalog.

Mobile & Accessibility​

The catalog is mobile-first. On a phone, the product grid collapses to a single column, the pictogram chips wrap, and every tap target is at least 44 pixels.

It meets WCAG 2.2 AA conformance — hazard information is never encoded in color alone (every signal word and severity badge has a text label), pictograms have GHS-standard alt text, keyboard navigation works end-to-end, and your branding choices are validated against contrast minimums before they go live (see Branding Your Portal).

What to Tell Customers​

The catalog is the URL you replace "email me the SDS" with. A few patterns that work:

  • Website footer: "Safety Data Sheets: sds.tellusehs.com/your-slug"
  • Sales paperwork: print the URL on quote sheets, packing slips, invoices
  • Email signatures: standard SDS-request reply becomes "Our full SDS catalog is at sds.tellusehs.com/your-slug — let us know if you can't find what you need"
  • Contracts: point to the catalog URL in HazCom pass-through language

If you serve customers who would benefit from a deeper link, the catalog card "View SDS →" link takes them straight to the per-product page — so you can also send sds.tellusehs.com/{your-slug}/{product-slug} for a single SDS.