Marks · azdocs marks

azdocs marks

The azdocs identity is a rounded triangular A containing three connected topology nodes. Its single blue silhouette and white internal diagram remain clear at application-icon and favicon sizes. The result is an original azdocs mark rather than a reproduction of the Microsoft Azure logo: the outer shape suggests Azure estate work while the three-way graph carries the diagram idea.

azdocs topology A mark and wordmark

The marks also appear on the design sheet beside the palette and type scale, which is generated from this manifest — so a renamed asset fails the build rather than rendering a broken image.

Asset index

All SVGs use exact paths and shapes only. The rounded triangle and symmetric three-way graph are constructed geometry rather than an automatic raster trace. The lockup wordmark is outlined from IBM Plex Sans Bold, so it has no runtime font dependency.

AssetIntended use
azdocs-mark-primary.svgDefault standalone mark on paper or other light surfaces
azdocs-mark-reversed.svgColour mark on dark surfaces
azdocs-mark-mono-ink.svgOne-colour print, embossing, engraving and restricted palettes
azdocs-mark-mono-paper.svgOne-colour reversed mark on dark surfaces
azdocs-app-icon-light.svgApplication icon for light launch surfaces
azdocs-app-icon-dark.svgApplication icon for dark launch surfaces
azdocs-lockup-primary.svgDefault horizontal logo lockup
azdocs-lockup-reversed.svgHorizontal lockup on dark surfaces
azdocs-background-light.svgLight document, slide or site background motif
azdocs-background-dark.svgDark document, slide or site background motif

Matching high-resolution PNGs live in png/: marks and app icons are 2048×2048, lockups are 2560×1024, and backgrounds are 3840×2160. SVG remains the source format; the PNGs are deterministic raster exports of those vectors.

App icons

The application icon places the intact topology A inside a rounded-square tile: warm paper for the light version, charcoal for the dark version. Its original superellipse outline and transparent outer margin give the native launcher icon a consistent footprint. The A is scaled to 72% and lifted slightly to balance its wider base. Standalone marks and favicons retain the triangular silhouette.

Light azdocs app icon Dark azdocs app icon

Background motif

azdocs document background motif

Concept record

The reviewed raster boards are retained as design history, not production artwork:

Use the SVGs for all final output. See the usage guide for sizing, colour and placement rules, and prompts for the generation record and regeneration constraints. manifest.json provides the same asset inventory and palette in a machine-readable form.

The desktop masthead, browser favicons and Tauri packaging derive from these production SVGs.

The vector generator requires Python 3 and fonttools (python3 -m pip install fonttools in your development environment). From the repository root, rebuild the SVG sources and regenerate their production PNG companions:

python3 docs/marks/tools/build_vector_assets.py
AZDOCS_MARK_PREVIEW_DIR=docs/marks/png AZDOCS_MARK_PREVIEW_SCALE=1 \
  cargo test --test marks_assets_test

For a faster quarter-scale visual check, omit AZDOCS_MARK_PREVIEW_SCALE and write to a temporary directory.

Imported from the azdocs repository during this build.View source on GitHub