@deriv-com/dds-marketing
v0.1.0
Published
Deriv Design System — components and tokens for marketing sites (landing pages, pricing, sign-up).
Maintainers
deriv-webReadme
@deriv/dds-marketing
Components and design tokens from the Deriv Design System, for marketing sites — landing pages, pricing, sign-up.
This package has no components yet. Its tokens are real and its stylesheet is complete; the component surface is still being authored. Until it lands, installing this gets you the marketing token layer and an empty barrel. Product apps want
@deriv/dds-product.
Install
npm install @deriv/dds-marketingReact 19 and the Quill icon set are peer dependencies, so install them alongside it if your app does not already have them:
npm install react react-dom @deriv-com/quill-icons-webUse
Import the stylesheet once, at the root of your app. It defines every token this package's components bind to — without it they render unstyled.
import '@deriv/dds-marketing/marketing.css'Then import components by name:
import { Button } from '@deriv/dds-marketing'Each component brings its own stylesheet with it, so nothing else needs importing.
Light and dark
marketing.css defines both themes. Dark is selected by data-theme="dark" on any
ancestor — usually <html>:
<html data-theme="dark">Marketing also carries a mobile viewport axis: seven roles take different values below
768px, applied automatically and overridable with data-dds-viewport="mobile" or
"desktop" when a page renders a device frame inside a wider window.
Versioning
Pre-1.0. Minor versions may contain breaking changes while the component surface settles; pin an exact version if that matters to you.