Tier explain, Conduction Design System

TierExplain · three-column tier-comparison row (used on /support and /partners)

Host

Host partner.

Ships our open-source apps to customers. Sells, hosts, and resells Nextcloud-supported variants through their own channels. No SLA with Conduction.

Resells apps on own channel
Sets own pricing
No direct line to Conduction support

Service

Service partner.

Holds an SLA with Conduction. Their team can call us directly for third-line support, with named contacts and input on bug priority and feature requests.

Named Conduction contacts
Third-line support SLA
Input on bug priority + roadmap

Certified

Certified partner.

Trained, audited, and on the joint roadmap with Conduction. Eligible to co-sale on public tenders with our products, with the Conduction-credential mark on their own collateral.

Joint roadmap participation
Tender co-sale eligibility
Conduction-credential mark on collateral

Mount in MDX as <TierExplain/> + <TierCard/>

Three-up explanation row for the partner-tier hierarchy. Each card carries a tier pill (cobalt-700 for Host, gold for Service, cobalt-blue for Certified), a sentence-case title, a lede, and a short benefits list. Used on /support, /partners, and /commonground.

Import & example

import {TierExplain, TierCard} from '@conduction/docusaurus-preset/components'; <TierExplain> <TierCard tier="host" title="Host partner."> Ships our open-source apps to customers... <ul> <li>Resells apps on own channel</li> <li>Sets own pricing</li> </ul> </TierCard> <TierCard tier="service" title="Service partner.">...</TierCard> <TierCard tier="certified" title="Certified partner.">...</TierCard> </TierExplain>

Props

tier one of host / service / certified — tints the tier pill (cobalt / gold / blue)

title sentence-case headline

children body content; usually a paragraph + an <ul> of bullet points (mint hex bullet automatic)

Tier slug names match the canonical PartnerCard + PartnerSidecard taxonomy introduced in @conduction/docusaurus-preset@2.0.0.