fragcap

Brand essentials

Exact kit facts

This brand starts with shared ShruggieTech interface rules while keeping its own approved identity. The current hosted documentation facts (JSON) declare schema version 1 and documentation contract version 1.2.0. In a downloaded kit, enforcement/documentation-facts.json governs those pinned bytes.

Interface overrides

No brand-specific interface overrides are declared. Use the delivered binding and its default rules.

Versions

canon version

2.0.0

interface canon version

1.0.1

component recipe version

1.1.0

web react adapter version

1.1.0

egui adapter version

1.0.2

wordpress adapter version

1.0.0

compiler version

3.0.1

brand version

1.2.1

Implementation files

• interface canon: enforcement/interface-canon.json
• component recipes: enforcement/component-recipes.json
• web adapter: web/adapter.json
• web support matrix: web/support-matrix.json
• egui adapter: native/egui/adapter.json
• egui support matrix: native/egui/support-matrix.json
• wordpress adapter: wordpress/adapter.json
• wordpress support matrix: wordpress/support-matrix.json
• wordpress theme zip: wordpress/fragcap-stbb-theme.zip

The registry catalog lists installable theme and component resources; select a resource for the consuming host rather than treating the catalog as an installed component.

Formal identity colors and interface cues

Identity accent hue 215.7 in OKLCH. Palette selection is independent of ownership and sibling hues.

Formal identity colors

These approved source values belong to marks and brand applications. A color used in artwork is not automatically a warning or action cue.

Approved combinations

Correct: use Mark emphasis (#FF5300) in its approved identity application; pair the Warning cue (#FF5300) with warning text and icon. Misuse: a lone identity swatch as the only warning signal.

Interface cues on dark surfaces

Use words, icons, outlines, or state attributes with color. A shared HEX value does not merge identity and interface roles.

Interface cues on light surfaces

Use words, icons, outlines, or state attributes with color. A shared HEX value does not merge identity and interface roles.

HEX uses uppercase pairs; sRGB uses integer 0-255 channels; HSL uses degrees and percentages rounded to one decimal; OKLCH uses four decimals for lightness and chroma plus one for hue; CIELAB uses D50 with lightness as a percentage and two decimals per channel.

Dark palette

Light palette

Dark and light examples

Chart colors serve data visualization. Each is derived from the accent and measured against its surface. Use labels or shapes so chart meaning does not depend on hue alone.

Space Grotesk, Geist, Geist Mono

Complete asset catalog

A brand mark is the symbol alone; a logo lockup combines approved elements. Wide and stacked layouts are separate designs. Full and reduced identify source detail. Full color or monochrome identifies ink treatment. A clear background is transparent; for light or dark names the intended viewing surface. Social share images are separate opaque compositions. Preferred descriptive filenames and existing paths contain the same approved artwork. Full asset glossary.

Canvas 512 × 512 units, clear space 34 units (6.6 percent of artwork width). Below 32 px the reduced master takes over.

Fixed lockup proportions

The horizontal row records its approved master composition. C is the outlined wordmark cap height used by the stacked lockup. X is the 70-unit G channel. Keep one X clear around every master. Never resize the mark and wordmark independently.

Compatibility aliases are listed with their canonical delivery group; byte-identical aliases do not create duplicate previews.

Stacked logo lockup, full color, for dark backgrounds

Dark surface

Use the declared lockup form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-logo-lockup-stacked-full-color-clear-for-dark-1024.pngPreferred name · 1024 × 711 · PNG · Brand identity
• fragcap-logo-lockup-stacked-full-color-clear-for-dark.svgPreferred name · 529 × 368 · SVG · Brand identity
• fragcap-stacked-color-1024.pngExisting path · 1024 × 711 · PNG · Brand identity
• fragcap-stacked-color.svgExisting path · 529 × 368 · SVG · Brand identity

Stacked logo lockup, full color, for light backgrounds

Light surface

Use the declared lockup form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-logo-lockup-stacked-full-color-clear-for-light-1024.pngPreferred name · 1024 × 711 · PNG · Brand identity
• fragcap-logo-lockup-stacked-full-color-clear-for-light.svgPreferred name · 529 × 368 · SVG · Brand identity
• fragcap-stacked-light-1024.pngExisting path · 1024 × 711 · PNG · Brand identity
• fragcap-stacked-light.svgExisting path · 529 × 368 · SVG · Brand identity

Stacked logo lockup, monochrome white ink, for dark backgrounds

Dark surface

Use the declared lockup form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-logo-lockup-stacked-monochrome-clear-white-for-dark-1024.pngPreferred name · 1024 × 711 · PNG · Brand identity
• fragcap-logo-lockup-stacked-monochrome-clear-white-for-dark.svgPreferred name · 529 × 368 · SVG · Brand identity
• fragcap-stacked-white-1024.pngExisting path · 1024 × 711 · PNG · Brand identity
• fragcap-stacked-white.svgExisting path · 529 × 368 · SVG · Brand identity

Stacked logo lockup, monochrome black ink, for light backgrounds

Light surface

Use the declared lockup form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-logo-lockup-stacked-monochrome-clear-black-for-light-1024.pngPreferred name · 1024 × 711 · PNG · Brand identity
• fragcap-logo-lockup-stacked-monochrome-clear-black-for-light.svgPreferred name · 529 × 368 · SVG · Brand identity
• fragcap-stacked-black-1024.pngExisting path · 1024 × 711 · PNG · Brand identity
• fragcap-stacked-black.svgExisting path · 529 × 368 · SVG · Brand identity

Wide logo lockup, full color, for dark backgrounds

Dark surface

Use the declared lockup form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-logo-lockup-wide-full-color-clear-for-dark-1024.pngPreferred name · 1024 × 285 · PNG · Brand identity
• fragcap-logo-lockup-wide-full-color-clear-for-dark.svgPreferred name · 719 × 200 · SVG · Brand identity
• fragcap-horizontal-color-1024.pngExisting path · 1024 × 285 · PNG · Brand identity
• fragcap-horizontal-color.svgExisting path · 719 × 200 · SVG · Brand identity

Wide logo lockup, full color, for light backgrounds

Light surface

Use the declared lockup form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-logo-lockup-wide-full-color-clear-for-light-1024.pngPreferred name · 1024 × 285 · PNG · Brand identity
• fragcap-logo-lockup-wide-full-color-clear-for-light.svgPreferred name · 719 × 200 · SVG · Brand identity
• fragcap-horizontal-light-1024.pngExisting path · 1024 × 285 · PNG · Brand identity
• fragcap-horizontal-light.svgExisting path · 719 × 200 · SVG · Brand identity

Wide logo lockup, monochrome white ink, for dark backgrounds

Dark surface

Use the declared lockup form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-logo-lockup-wide-monochrome-clear-white-for-dark-1024.pngPreferred name · 1024 × 285 · PNG · Brand identity
• fragcap-logo-lockup-wide-monochrome-clear-white-for-dark.svgPreferred name · 719 × 200 · SVG · Brand identity
• fragcap-horizontal-white-1024.pngExisting path · 1024 × 285 · PNG · Brand identity
• fragcap-horizontal-white.svgExisting path · 719 × 200 · SVG · Brand identity

Wide logo lockup, monochrome black ink, for light backgrounds

Light surface

Use the declared lockup form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-logo-lockup-wide-monochrome-clear-black-for-light-1024.pngPreferred name · 1024 × 285 · PNG · Brand identity
• fragcap-logo-lockup-wide-monochrome-clear-black-for-light.svgPreferred name · 719 × 200 · SVG · Brand identity
• fragcap-horizontal-black-1024.pngExisting path · 1024 × 285 · PNG · Brand identity
• fragcap-horizontal-black.svgExisting path · 719 × 200 · SVG · Brand identity

Full brand mark, full color, for dark backgrounds

Dark surface

Use the declared mark form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-brand-mark-full-detail-full-color-clear-for-dark-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
• fragcap-brand-mark-full-detail-full-color-clear-for-dark.svgPreferred name · 512 × 512 · SVG · Brand identity
• fragcap-mark-color-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
• fragcap-mark-color.svgExisting path · 512 × 512 · SVG · Brand identity

Reduced brand mark, full color, for dark backgrounds

Dark surface

Use the declared mark form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-brand-mark-reduced-detail-full-color-clear-for-dark-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
• fragcap-brand-mark-reduced-detail-full-color-clear-for-dark.svgPreferred name · 512 × 512 · SVG · Brand identity
• fragcap-mark-reduced-color-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
• fragcap-mark-reduced-color.svgExisting path · 512 × 512 · SVG · Brand identity

Full brand mark, full color, for light backgrounds

Light surface

Use the declared mark form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-brand-mark-full-detail-full-color-clear-for-light-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
• fragcap-brand-mark-full-detail-full-color-clear-for-light.svgPreferred name · 512 × 512 · SVG · Brand identity
• fragcap-mark-light-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
• fragcap-mark-light.svgExisting path · 512 × 512 · SVG · Brand identity

Reduced brand mark, full color, for light backgrounds

Light surface

Use the declared mark form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-brand-mark-reduced-detail-full-color-clear-for-light-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
• fragcap-brand-mark-reduced-detail-full-color-clear-for-light.svgPreferred name · 512 × 512 · SVG · Brand identity
• fragcap-mark-reduced-light-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
• fragcap-mark-reduced-light.svgExisting path · 512 × 512 · SVG · Brand identity

Full brand mark, monochrome white ink, for dark backgrounds

Dark surface

Use the declared mark form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-brand-mark-full-detail-monochrome-clear-white-for-dark-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
• fragcap-brand-mark-full-detail-monochrome-clear-white-for-dark.svgPreferred name · 512 × 512 · SVG · Brand identity
• fragcap-mark-white-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
• fragcap-mark-white.svgExisting path · 512 × 512 · SVG · Brand identity

Reduced brand mark, monochrome white ink, for dark backgrounds

Dark surface

Use the declared mark form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-brand-mark-reduced-detail-monochrome-clear-white-for-dark-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
• fragcap-brand-mark-reduced-detail-monochrome-clear-white-for-dark.svgPreferred name · 512 × 512 · SVG · Brand identity
• fragcap-mark-reduced-white-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
• fragcap-mark-reduced-white.svgExisting path · 512 × 512 · SVG · Brand identity

Full brand mark, monochrome black ink, for light backgrounds

Light surface

Use the declared mark form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-brand-mark-full-detail-monochrome-clear-black-for-light-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
• fragcap-brand-mark-full-detail-monochrome-clear-black-for-light.svgPreferred name · 512 × 512 · SVG · Brand identity
• fragcap-mark-black-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
• fragcap-mark-black.svgExisting path · 512 × 512 · SVG · Brand identity

Reduced brand mark, monochrome black ink, for light backgrounds

Light surface

Use the declared mark form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-brand-mark-reduced-detail-monochrome-clear-black-for-light-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
• fragcap-brand-mark-reduced-detail-monochrome-clear-black-for-light.svgPreferred name · 512 × 512 · SVG · Brand identity
• fragcap-mark-reduced-black-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
• fragcap-mark-reduced-black.svgExisting path · 512 × 512 · SVG · Brand identity

Wordmark, full color, for dark backgrounds

Dark surface

Use the declared wordmark form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-wordmark-full-color-clear-for-dark-1024.pngPreferred name · 1024 × 335 · PNG · Brand identity
• fragcap-wordmark-full-color-clear-for-dark.svgPreferred name · 794 × 260 · SVG · Brand identity
• fragcap-wordmark-color-1024.pngExisting path · 1024 × 335 · PNG · Brand identity
• fragcap-wordmark-color.svgExisting path · 794 × 260 · SVG · Brand identity

Wordmark, full color, for light backgrounds

Light surface

Use the declared wordmark form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-wordmark-full-color-clear-for-light-1024.pngPreferred name · 1024 × 335 · PNG · Brand identity
• fragcap-wordmark-full-color-clear-for-light.svgPreferred name · 794 × 260 · SVG · Brand identity
• fragcap-wordmark-light-1024.pngExisting path · 1024 × 335 · PNG · Brand identity
• fragcap-wordmark-light.svgExisting path · 794 × 260 · SVG · Brand identity

Wordmark, monochrome white ink, for dark backgrounds

Dark surface

Use the declared wordmark form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-wordmark-monochrome-clear-white-for-dark-1024.pngPreferred name · 1024 × 335 · PNG · Brand identity
• fragcap-wordmark-monochrome-clear-white-for-dark.svgPreferred name · 794 × 260 · SVG · Brand identity
• fragcap-wordmark-white-1024.pngExisting path · 1024 × 335 · PNG · Brand identity
• fragcap-wordmark-white.svgExisting path · 794 × 260 · SVG · Brand identity

Wordmark, monochrome black ink, for light backgrounds

Light surface

Use the declared wordmark form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-wordmark-monochrome-clear-black-for-light-1024.pngPreferred name · 1024 × 335 · PNG · Brand identity
• fragcap-wordmark-monochrome-clear-black-for-light.svgPreferred name · 794 × 260 · SVG · Brand identity
• fragcap-wordmark-black-1024.pngExisting path · 1024 × 335 · PNG · Brand identity
• fragcap-wordmark-black.svgExisting path · 794 × 260 · SVG · Brand identity

Windows target size, for dark backgrounds

Dark surface

Use the declared target-size form on compatible backgrounds. Smallest delivered raster: 36 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• Square44x44Logo.targetsize-256_altform-unplated.pngExisting path · 256 × 256 · PNG · MSIX Assets
• Square44x44Logo.targetsize-36_altform-unplated.pngExisting path · 36 × 36 · PNG · MSIX Assets
• Square44x44Logo.targetsize-40_altform-unplated.pngExisting path · 40 × 40 · PNG · MSIX Assets
• Square44x44Logo.targetsize-48_altform-unplated.pngExisting path · 48 × 48 · PNG · MSIX Assets
• Square44x44Logo.targetsize-60_altform-unplated.pngExisting path · 60 × 60 · PNG · MSIX Assets
• Square44x44Logo.targetsize-64_altform-unplated.pngExisting path · 64 × 64 · PNG · MSIX Assets
• Square44x44Logo.targetsize-72_altform-unplated.pngExisting path · 72 × 72 · PNG · MSIX Assets
• Square44x44Logo.targetsize-80_altform-unplated.pngExisting path · 80 × 80 · PNG · MSIX Assets
• Square44x44Logo.targetsize-96_altform-unplated.pngExisting path · 96 × 96 · PNG · MSIX Assets

Windows target size, for dark backgrounds

Dark surface

Use the declared target-size form on compatible backgrounds. Smallest delivered raster: 16 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• Square44x44Logo.targetsize-16_altform-unplated.pngExisting path · 16 × 16 · PNG · MSIX Assets
• Square44x44Logo.targetsize-20_altform-unplated.pngExisting path · 20 × 20 · PNG · MSIX Assets
• Square44x44Logo.targetsize-24_altform-unplated.pngExisting path · 24 × 24 · PNG · MSIX Assets
• Square44x44Logo.targetsize-30_altform-unplated.pngExisting path · 30 × 30 · PNG · MSIX Assets
• Square44x44Logo.targetsize-32_altform-unplated.pngExisting path · 32 × 32 · PNG · MSIX Assets

Windows target size, for light backgrounds

Dark surface

Use the declared target-size form on compatible backgrounds. Smallest delivered raster: 36 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• Square44x44Logo.targetsize-256_altform-lightunplated.pngExisting path · 256 × 256 · PNG · MSIX Assets
• Square44x44Logo.targetsize-36_altform-lightunplated.pngExisting path · 36 × 36 · PNG · MSIX Assets
• Square44x44Logo.targetsize-40_altform-lightunplated.pngExisting path · 40 × 40 · PNG · MSIX Assets
• Square44x44Logo.targetsize-48_altform-lightunplated.pngExisting path · 48 × 48 · PNG · MSIX Assets
• Square44x44Logo.targetsize-60_altform-lightunplated.pngExisting path · 60 × 60 · PNG · MSIX Assets
• Square44x44Logo.targetsize-64_altform-lightunplated.pngExisting path · 64 × 64 · PNG · MSIX Assets
• Square44x44Logo.targetsize-72_altform-lightunplated.pngExisting path · 72 × 72 · PNG · MSIX Assets
• Square44x44Logo.targetsize-80_altform-lightunplated.pngExisting path · 80 × 80 · PNG · MSIX Assets
• Square44x44Logo.targetsize-96_altform-lightunplated.pngExisting path · 96 × 96 · PNG · MSIX Assets

Windows target size, for light backgrounds

Dark surface

Use the declared target-size form on compatible backgrounds. Smallest delivered raster: 16 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• Square44x44Logo.targetsize-16_altform-lightunplated.pngExisting path · 16 × 16 · PNG · MSIX Assets
• Square44x44Logo.targetsize-20_altform-lightunplated.pngExisting path · 20 × 20 · PNG · MSIX Assets
• Square44x44Logo.targetsize-24_altform-lightunplated.pngExisting path · 24 × 24 · PNG · MSIX Assets
• Square44x44Logo.targetsize-30_altform-lightunplated.pngExisting path · 30 × 30 · PNG · MSIX Assets
• Square44x44Logo.targetsize-32_altform-lightunplated.pngExisting path · 32 × 32 · PNG · MSIX Assets

Android adaptive foreground

Dark surface

Use the declared adaptive-foreground form on compatible backgrounds. Smallest delivered raster: 432 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• ic_launcher_foreground.pngExisting path · 432 × 432 · PNG · Android res/drawable-nodpi

Android adaptive monochrome

Dark surface

Use the declared adaptive-monochrome form on compatible backgrounds. Smallest delivered raster: 432 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• ic_launcher_monochrome.pngExisting path · 432 × 432 · PNG · Android res/drawable-nodpi

Windows classic ico

Dark surface

Icon container (no image preview)

Use the declared classic-ico form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• app.icoExisting path · embedded: 16 × 16, 24 × 24, 32 × 32, 48 × 48, 64 × 64, 128 × 128, 256 × 256 · ICO · Win32 application

Windows target size

Dark surface

Use the declared target-size form on compatible backgrounds. Smallest delivered raster: 36 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• Square44x44Logo.targetsize-256.pngExisting path · 256 × 256 · PNG · MSIX Assets
• Square44x44Logo.targetsize-36.pngExisting path · 36 × 36 · PNG · MSIX Assets
• Square44x44Logo.targetsize-40.pngExisting path · 40 × 40 · PNG · MSIX Assets
• Square44x44Logo.targetsize-48.pngExisting path · 48 × 48 · PNG · MSIX Assets
• Square44x44Logo.targetsize-60.pngExisting path · 60 × 60 · PNG · MSIX Assets
• Square44x44Logo.targetsize-64.pngExisting path · 64 × 64 · PNG · MSIX Assets
• Square44x44Logo.targetsize-72.pngExisting path · 72 × 72 · PNG · MSIX Assets
• Square44x44Logo.targetsize-80.pngExisting path · 80 × 80 · PNG · MSIX Assets
• Square44x44Logo.targetsize-96.pngExisting path · 96 × 96 · PNG · MSIX Assets

Windows target size

Dark surface

Use the declared target-size form on compatible backgrounds. Smallest delivered raster: 16 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• Square44x44Logo.targetsize-16.pngExisting path · 16 × 16 · PNG · MSIX Assets
• Square44x44Logo.targetsize-20.pngExisting path · 20 × 20 · PNG · MSIX Assets
• Square44x44Logo.targetsize-24.pngExisting path · 24 × 24 · PNG · MSIX Assets
• Square44x44Logo.targetsize-30.pngExisting path · 30 × 30 · PNG · MSIX Assets
• Square44x44Logo.targetsize-32.pngExisting path · 32 × 32 · PNG · MSIX Assets

Android adaptive background

Dark surface

XML metadata (no image preview)

Use the declared adaptive-background form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• ic_launcher_background.xmlExisting path · container or metadata · XML · Android res/drawable

Android adaptive declaration

Dark surface

XML metadata (no image preview)

Use the declared adaptive-declaration form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• ic_launcher.xmlExisting path · container or metadata · XML · Android res/mipmap-anydpi-v26

Android color resource

Dark surface

XML metadata (no image preview)

Use the declared color-resource form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• ic_launcher_colors.xmlExisting path · container or metadata · XML · Android res/values

Android platform manifest

Dark surface

JSON metadata (no image preview)

Use the declared platform-manifest form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• manifest.jsonExisting path · container or metadata · JSON · See suite README

iOS asset catalog

Dark surface

JSON metadata (no image preview)

Use the declared asset-catalog form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• Contents.jsonExisting path · container or metadata · JSON · Xcode AppIcon.appiconset

iOS platform manifest

Dark surface

JSON metadata (no image preview)

Use the declared platform-manifest form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• manifest.jsonExisting path · container or metadata · JSON · See suite README

macOS asset catalog

Dark surface

JSON metadata (no image preview)

Use the declared asset-catalog form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• Contents.jsonExisting path · container or metadata · JSON · Xcode AppIcon.appiconset

macOS platform manifest

Dark surface

JSON metadata (no image preview)

Use the declared platform-manifest form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• manifest.jsonExisting path · container or metadata · JSON · See suite README

Domain product symbol

Dark surface

Use the declared product-symbol form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• clock.svgExisting path · 24 × 24 · SVG · Product interface
• endpoint.svgExisting path · 24 × 24 · SVG · Product interface
• file.svgExisting path · 24 × 24 · SVG · Product interface
• filter.svgExisting path · 24 × 24 · SVG · Product interface
• interface.svgExisting path · 24 × 24 · SVG · Product interface
• search.svgExisting path · 24 × 24 · SVG · Product interface

Web icon index

Dark surface

JSON metadata (no image preview)

Use the declared icon-index form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• .iconkit-generated.jsonExisting path · container or metadata · JSON · Generation ownership marker

Web platform manifest

Dark surface

JSON metadata (no image preview)

Use the declared platform-manifest form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• manifest.jsonExisting path · container or metadata · JSON · See suite README

Web web manifest

Dark surface

JSON metadata (no image preview)

Use the declared web-manifest form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• site.webmanifestExisting alias · container or metadata · JSON · Compatibility alias for icons/web/site.webmanifest
• site.webmanifestExisting path · container or metadata · JSON · Web root

Windows manifest fragment

Dark surface

XML metadata (no image preview)

Use the declared manifest-fragment form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• ApplicationVisualElements.fragment.xmlExisting path · container or metadata · XML · Merge into Applications/Application
• PackageProperties.fragment.xmlExisting path · container or metadata · XML · Merge into Package

Windows platform manifest

Dark surface

JSON metadata (no image preview)

Use the declared platform-manifest form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• manifest.jsonExisting path · container or metadata · JSON · See suite README

iOS app icon, opaque background, for dark backgrounds

Light surface

Use the declared app-icon form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• AppIcon-1024-dark.pngExisting path · 1024 × 1024 · PNG · Xcode AppIcon.appiconset

iOS app icon, opaque background, for light backgrounds

Light surface

Use the declared app-icon form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• AppIcon-1024-tinted.pngExisting path · 1024 × 1024 · PNG · Xcode AppIcon.appiconset

Android legacy launcher, opaque background

Light surface

Use the declared legacy-launcher form on compatible backgrounds. Smallest delivered raster: 48 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• ic_launcher.pngExisting path · 72 × 72 · PNG · Android res/mipmap-hdpi
• ic_launcher.pngExisting path · 48 × 48 · PNG · Android res/mipmap-mdpi
• ic_launcher.pngExisting path · 96 × 96 · PNG · Android res/mipmap-xhdpi
• ic_launcher.pngExisting path · 144 × 144 · PNG · Android res/mipmap-xxhdpi
• ic_launcher.pngExisting path · 192 × 192 · PNG · Android res/mipmap-xxxhdpi

Android play store, opaque background

Light surface

Use the declared play-store form on compatible backgrounds. Smallest delivered raster: 512 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• google-play-512.pngExisting path · 512 × 512 · PNG · Google Play Console

iOS app icon, opaque background

Light surface

Use the declared app-icon form on compatible backgrounds. Smallest delivered raster: 1024 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• AppIcon-1024.pngExisting path · 1024 × 1024 · PNG · Xcode AppIcon.appiconset

macOS app icon, opaque background

Light surface

Use the declared asset-catalog-icon form on compatible backgrounds. Smallest delivered raster: 16 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• AppIcon.icnsExisting path · embedded: 16 × 16, 32 × 32, 64 × 64, 128 × 128, 256 × 256, 512 × 512, 1024 × 1024 · ICNS · macOS application bundle
• icon_128x128.pngExisting path · 128 × 128 · PNG · macOS AppIcon.iconset
• icon_128x128@2x.pngExisting path · 256 × 256 · PNG · macOS AppIcon.iconset
• icon_16x16.pngExisting path · 16 × 16 · PNG · macOS AppIcon.iconset
• icon_16x16@2x.pngExisting path · 32 × 32 · PNG · macOS AppIcon.iconset
• icon_256x256.pngExisting path · 256 × 256 · PNG · macOS AppIcon.iconset
• icon_256x256@2x.pngExisting path · 512 × 512 · PNG · macOS AppIcon.iconset
• icon_32x32.pngExisting path · 32 × 32 · PNG · macOS AppIcon.iconset
• icon_32x32@2x.pngExisting path · 64 × 64 · PNG · macOS AppIcon.iconset
• icon_512x512.pngExisting path · 512 × 512 · PNG · macOS AppIcon.iconset
• icon_512x512@2x.pngExisting path · 1024 × 1024 · PNG · macOS AppIcon.iconset
• icon_128x128.pngExisting path · 128 × 128 · PNG · Xcode AppIcon.appiconset
• icon_128x128@2x.pngExisting path · 256 × 256 · PNG · Xcode AppIcon.appiconset
• icon_16x16.pngExisting path · 16 × 16 · PNG · Xcode AppIcon.appiconset
• icon_16x16@2x.pngExisting path · 32 × 32 · PNG · Xcode AppIcon.appiconset
• icon_256x256.pngExisting path · 256 × 256 · PNG · Xcode AppIcon.appiconset
• icon_256x256@2x.pngExisting path · 512 × 512 · PNG · Xcode AppIcon.appiconset
• icon_32x32.pngExisting path · 32 × 32 · PNG · Xcode AppIcon.appiconset
• icon_32x32@2x.pngExisting path · 64 × 64 · PNG · Xcode AppIcon.appiconset
• icon_512x512.pngExisting path · 512 × 512 · PNG · Xcode AppIcon.appiconset
• icon_512x512@2x.pngExisting path · 1024 × 1024 · PNG · Xcode AppIcon.appiconset

Web favicon ico, opaque background

Dark surface

Icon container (no image preview)

Use the declared favicon-ico form on compatible backgrounds. Use the declared container or vector at its listed destination. Preserve declared plate and transparency behavior.

• favicon.icoExisting alias · embedded: 16 × 16, 24 × 24, 32 × 32, 48 × 48, 64 × 64, 128 × 128, 256 × 256 · ICO · Compatibility alias for icons/web/favicon.ico
• favicon.icoExisting path · embedded: 16 × 16, 24 × 24, 32 × 32, 48 × 48, 64 × 64, 128 × 128, 256 × 256 · ICO · Web root

Web maskable, opaque background

Light surface

Use the declared maskable form on compatible backgrounds. Smallest delivered raster: 192 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• maskable-icon-192x192.pngExisting alias · 192 × 192 · PNG · Compatibility alias for icons/web/maskable-icon-192x192.png
• maskable-icon-512x512.pngExisting alias · 512 × 512 · PNG · Compatibility alias for icons/web/maskable-icon-512x512.png
• maskable-icon-192x192.pngExisting path · 192 × 192 · PNG · Web root
• maskable-icon-512x512.pngExisting path · 512 × 512 · PNG · Web root

Web icon, full detail, opaque background

Light surface

Use the declared favicon form on compatible backgrounds. Smallest delivered raster: 48 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• android-chrome-192x192.pngExisting alias · 192 × 192 · PNG · Compatibility alias for icons/web/android-chrome-192x192.png
• android-chrome-512x512.pngExisting alias · 512 × 512 · PNG · Compatibility alias for icons/web/android-chrome-512x512.png
• apple-touch-icon.pngExisting alias · 180 × 180 · PNG · Compatibility alias for icons/web/apple-touch-icon.png
• favicon-128x128.pngExisting alias · 128 × 128 · PNG · Compatibility alias for icons/web/favicon-128x128.png
• favicon-180x180.pngExisting alias · 180 × 180 · PNG · Compatibility alias for icons/web/favicon-180x180.png
• favicon-192x192.pngExisting alias · 192 × 192 · PNG · Compatibility alias for icons/web/favicon-192x192.png
• favicon-256x256.pngExisting alias · 256 × 256 · PNG · Compatibility alias for icons/web/favicon-256x256.png
• favicon-48x48.pngExisting alias · 48 × 48 · PNG · Compatibility alias for icons/web/favicon-48x48.png
• favicon-512x512.pngExisting alias · 512 × 512 · PNG · Compatibility alias for icons/web/favicon-512x512.png
• favicon-64x64.pngExisting alias · 64 × 64 · PNG · Compatibility alias for icons/web/favicon-64x64.png
• favicon-96x96.pngExisting alias · 96 × 96 · PNG · Compatibility alias for icons/web/favicon-96x96.png
• favicon-full.svgExisting alias · 512 × 512 · SVG · Compatibility alias for icons/web/favicon-full.svg
• android-chrome-192x192.pngExisting path · 192 × 192 · PNG · Web root
• android-chrome-512x512.pngExisting path · 512 × 512 · PNG · Web root
• apple-touch-icon.pngExisting path · 180 × 180 · PNG · Web root
• favicon-128x128.pngExisting path · 128 × 128 · PNG · Web root
• favicon-180x180.pngExisting path · 180 × 180 · PNG · Web root
• favicon-192x192.pngExisting path · 192 × 192 · PNG · Web root
• favicon-256x256.pngExisting path · 256 × 256 · PNG · Web root
• favicon-48x48.pngExisting path · 48 × 48 · PNG · Web root
• favicon-512x512.pngExisting path · 512 × 512 · PNG · Web root
• favicon-64x64.pngExisting path · 64 × 64 · PNG · Web root
• favicon-96x96.pngExisting path · 96 × 96 · PNG · Web root
• favicon-full.svgExisting path · 512 × 512 · SVG · Web root or document icon link

Web icon, reduced detail, opaque background

Light surface

Use the declared favicon form on compatible backgrounds. Smallest delivered raster: 16 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• favicon-16x16.pngExisting alias · 16 × 16 · PNG · Compatibility alias for icons/web/favicon-16x16.png
• favicon-24x24.pngExisting alias · 24 × 24 · PNG · Compatibility alias for icons/web/favicon-24x24.png
• favicon-32x32.pngExisting alias · 32 × 32 · PNG · Compatibility alias for icons/web/favicon-32x32.png
• favicon.svgExisting alias · 512 × 512 · SVG · Compatibility alias for icons/web/favicon.svg
• favicon-16x16.pngExisting path · 16 × 16 · PNG · Web root
• favicon-24x24.pngExisting path · 24 × 24 · PNG · Web root
• favicon-32x32.pngExisting path · 32 × 32 · PNG · Web root
• favicon.svgExisting path · 512 × 512 · SVG · Web root or document icon link

Windows msix scale, opaque background

Light surface

Use the declared msix-scale form on compatible backgrounds. Smallest delivered raster: 44 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• Square150x150Logo.scale-100.pngExisting path · 150 × 150 · PNG · MSIX Assets
• Square150x150Logo.scale-200.pngExisting path · 300 × 300 · PNG · MSIX Assets
• Square150x150Logo.scale-400.pngExisting path · 600 × 600 · PNG · MSIX Assets
• Square44x44Logo.scale-100.pngExisting path · 44 × 44 · PNG · MSIX Assets
• Square44x44Logo.scale-200.pngExisting path · 88 × 88 · PNG · MSIX Assets
• Square44x44Logo.scale-400.pngExisting path · 176 × 176 · PNG · MSIX Assets

Windows store logo, opaque background

Light surface

Use the declared store-logo form on compatible backgrounds. Smallest delivered raster: 50 px. Do not synthesize missing sizes. Preserve declared plate and transparency behavior.

• StoreLogo.scale-100.pngExisting path · 50 × 50 · PNG · MSIX Assets
• StoreLogo.scale-200.pngExisting path · 100 × 100 · PNG · MSIX Assets
• StoreLogo.scale-400.pngExisting path · 200 × 200 · PNG · MSIX Assets

Social share image, full color, dark background

Dark surface

Use the declared social-image form on compatible backgrounds. Smallest delivered raster: 1280 px. Do not synthesize missing sizes. Follow the clear-space and reduction threshold above.

• fragcap-social-share-image-full-color-dark-1280.pngPreferred name · 1280 × 640 · PNG · Social sharing
• fragcap-social-share-image-full-color-dark.svgPreferred name · 1280 × 640 · SVG · Social sharing
• fragcap-social-image-1280.pngExisting path · 1280 × 640 · PNG · Social sharing
• fragcap-social-preview-1280.pngExisting alias · 1280 × 640 · PNG · Social sharing
• fragcap-social-image.svgExisting path · 1280 × 640 · SVG · Social sharing
• fragcap-social-preview.svgExisting alias · 1280 × 640 · SVG · Social sharing