Skip to content

DataWORQ Lookbook

This page renders the same lookbook content as the global lookbook, but scoped under data-product="dataworq". The body attribute is set automatically by product-class.js based on the URL path, so any per-product CSS overrides defined under [data-product="dataworq"] in extra.css apply here.

Both products currently inherit the global accent — the variant mechanism is wired and ready, but no visual differentiation is applied yet. When we enable variants, the differences will be most visible in the Color tokens section below.

Typography

Heading 1 — Page title

Heading 2 — Major section

Heading 3 — Subsection

Heading 4 — Sub-subsection

Body text in Roboto. Strong, italic, and inline code work as expected.

Block quotes for sparse use — vendor advisories, customer quotes, release announcements.

  • Unordered list item

  • Another item

    • Nested

  • Ordered list item

  • Another item

Internal link — accent-colored, underlines on hover.

Color tokens

Primary
QueBIT navy#0F4B83
Accent
Teal#0E7C86
Product accent
--product-accentdata-product="dataworq"

The "Product accent" swatch picks up any override defined under [data-product="dataworq"] in extra.css. With overrides commented-out, it inherits the global accent.

Admonitions

Note

Notes for ancillary information.

Tip

Tips for suggestions that improve workflow.

Warning

Warnings for actions requiring caution.

Danger

Danger for actions with irreversible consequences.

Example

Examples introduce worked demonstrations.

Code blocks

def hello(name: str) -> str:
    return f"Hello, {name}"

mkdocs serve

Tabbed content

Content for option A.

Content for option B.

Tables

Item Value
Articles 376
Categories 53

Buttons

Primary Secondary