Cueson brand guidelines

Colour

Identity accent

Hue 184.4 in OKLCH. 31.3 degrees clear of the nearest sibling identity accent.

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

background, popover, sidebar

Color values

#080A14

rgb(8 10 20)

hsl(230.0 42.9% 5.5%)

oklch(0.1481 0.0220 274.2)

lab(2.84% 0.81 -5.16) (D50)

CMYK: output profile required

foreground, card-foreground, popover-foreground, secondary-foreground, accent-foreground, sidebar-foreground, sidebar-accent-foreground

Color values

#FFFFFF

rgb(255 255 255)

hsl(0.0 0.0% 100.0%)

oklch(1.0000 0.0000 0.0)

lab(100.00% 0.00 0.00) (D50)

CMYK: output profile required

card

Color values

#101425

rgb(16 20 37)

hsl(228.6 39.6% 10.4%)

oklch(0.1967 0.0349 272.8)

lab(6.58% 2.31 -12.41) (D50)

CMYK: output profile required

primary, ring, sidebar-primary, sidebar-ring

Color values

#62BEB2

rgb(98 190 178)

hsl(172.2 41.4% 56.5%)

oklch(0.7414 0.0901 184.4)

lab(71.10% -30.97 -2.86) (D50)

CMYK: output profile required

primary-foreground, sidebar-primary-foreground

Color values

#000000

rgb(0 0 0)

hsl(0.0 0.0% 0.0%)

oklch(0.0000 0.0000 0.0)

lab(0.00% 0.00 0.00) (D50)

CMYK: output profile required

secondary, muted

Color values

#181D33

rgb(24 29 51)

hsl(228.9 36.0% 14.7%)

oklch(0.2377 0.0430 273.0)

lab(11.17% 3.26 -15.48) (D50)

CMYK: output profile required

muted-foreground

Color values

#9A9A9A

rgb(154 154 154)

hsl(0.0 0.0% 60.4%)

oklch(0.6862 0.0000 0.0)

lab(63.60% 0.00 0.00) (D50)

CMYK: output profile required

accent, sidebar-accent

Color values

#222944

rgb(34 41 68)

hsl(227.6 33.3% 20.0%)

oklch(0.2881 0.0505 271.9)

lab(16.97% 3.44 -18.24) (D50)

CMYK: output profile required

destructive

Color values

#E9505F

rgb(233 80 95)

hsl(354.1 77.7% 61.4%)

oklch(0.6437 0.1882 18.6)

lab(56.66% 60.52 26.02) (D50)

CMYK: output profile required

border, input, sidebar-border

Color values

#262626

rgb(38 38 38)

hsl(0.0 0.0% 14.9%)

oklch(0.2686 0.0000 0.0)

lab(15.16% -0.00 0.00) (D50)

CMYK: output profile required

chart-1

Color values

#4DAA9F

rgb(77 170 159)

hsl(172.9 37.7% 48.4%)

oklch(0.6787 0.0899 184.9)

lab(63.81% -30.91 -3.15) (D50)

CMYK: output profile required

chart-2

Color values

#85A36E

rgb(133 163 110)

hsl(94.0 22.4% 53.5%)

oklch(0.6790 0.0819 132.2)

lab(63.69% -18.14 24.05) (D50)

CMYK: output profile required

chart-3

Color values

#64A0C5

rgb(100 160 197)

hsl(202.9 45.5% 58.2%)

oklch(0.6792 0.0831 236.9)

lab(62.86% -12.47 -25.55) (D50)

CMYK: output profile required

chart-4

Color values

#B3935B

rgb(179 147 91)

hsl(38.2 36.7% 52.9%)

oklch(0.6801 0.0833 80.6)

lab(62.99% 7.08 34.24) (D50)

CMYK: output profile required

chart-5

Color values

#9690C9

rgb(150 144 201)

hsl(246.3 34.5% 67.6%)

oklch(0.6798 0.0834 288.8)

lab(61.93% 11.69 -28.85) (D50)

CMYK: output profile required

brand-accent-deep

Color values

#2F9388

rgb(47 147 136)

hsl(173.4 51.5% 38.0%)

oklch(0.6035 0.0920 184.6)

lab(55.12% -31.78 -3.02) (D50)

CMYK: output profile required

brand-emphasis

Color values

#FF5300

rgb(255 83 0)

hsl(19.5 100.0% 50.0%)

oklch(0.6738 0.2190 38.3)

lab(60.29% 64.46 71.50) (D50)

CMYK: output profile required

brand-cta

Color values

#C24000

rgb(194 64 0)

hsl(19.8 100.0% 38.0%)

oklch(0.5519 0.1759 39.3)

lab(46.55% 51.32 58.37) (D50)

CMYK: output profile required

Light palette

background

Color values

#F8F8F6

rgb(248 248 246)

hsl(60.0 12.5% 96.9%)

oklch(0.9786 0.0026 106.4)

lab(97.54% -0.26 0.96) (D50)

CMYK: output profile required

foreground, card-foreground, popover-foreground, secondary-foreground, accent-foreground, sidebar-foreground, sidebar-accent-foreground

Color values

#0A0A0A

rgb(10 10 10)

hsl(0.0 0.0% 3.9%)

oklch(0.1448 0.0000 0.0)

lab(2.74% 0.00 0.00) (D50)

CMYK: output profile required

card, popover, primary-foreground, sidebar, sidebar-primary-foreground

Color values

#FFFFFF

rgb(255 255 255)

hsl(0.0 0.0% 100.0%)

oklch(1.0000 0.0000 0.0)

lab(100.00% 0.00 0.00) (D50)

CMYK: output profile required

primary, ring, chart-1, sidebar-primary, sidebar-ring

Color values

#005D55

rgb(0 93 85)

hsl(174.8 100.0% 18.2%)

oklch(0.4300 0.0759 184.7)

lab(34.80% -26.31 -2.54) (D50)

CMYK: output profile required

secondary, muted, accent, sidebar-accent

Color values

#F0EFED

rgb(240 239 237)

hsl(40.0 9.1% 93.5%)

oklch(0.9523 0.0029 84.6)

lab(94.48% 0.08 1.09) (D50)

CMYK: output profile required

muted-foreground

Color values

#6B6B6B

rgb(107 107 107)

hsl(0.0 0.0% 42.0%)

oklch(0.5278 0.0000 0.0)

lab(45.22% 0.00 0.00) (D50)

CMYK: output profile required

destructive

Color values

#C0293A

rgb(192 41 58)

hsl(353.2 64.8% 45.7%)

oklch(0.5308 0.1857 20.9)

lab(43.62% 59.48 30.04) (D50)

CMYK: output profile required

border, input, sidebar-border

Color values

#E5E5E5

rgb(229 229 229)

hsl(0.0 0.0% 89.8%)

oklch(0.9219 0.0000 0.0)

lab(90.94% 0.00 0.00) (D50)

CMYK: output profile required

chart-2

Color values

#41582F

rgb(65 88 47)

hsl(93.7 30.4% 26.5%)

oklch(0.4304 0.0695 132.6)

lab(34.69% -15.31 20.77) (D50)

CMYK: output profile required

chart-3

Color values

#255571

rgb(37 85 113)

hsl(202.1 50.7% 29.4%)

oklch(0.4293 0.0696 237.1)

lab(33.83% -9.54 -21.28) (D50)

CMYK: output profile required

chart-4

Color values

#634B1E

rgb(99 75 30)

hsl(39.1 53.5% 25.3%)

oklch(0.4286 0.0694 80.7)

lab(33.77% 6.56 30.10) (D50)

CMYK: output profile required

chart-5

Color values

#4E4974

rgb(78 73 116)

hsl(247.0 22.8% 37.1%)

oklch(0.4294 0.0704 288.4)

lab(32.98% 10.39 -24.18) (D50)

CMYK: output profile required

brand-accent-deep

Color values

#2F9388

rgb(47 147 136)

hsl(173.4 51.5% 38.0%)

oklch(0.6035 0.0920 184.6)

lab(55.12% -31.78 -3.02) (D50)

CMYK: output profile required

brand-emphasis, brand-cta

Color values

#C24000

rgb(194 64 0)

hsl(19.8 100.0% 38.0%)

oklch(0.5519 0.1759 39.3)

lab(46.55% 51.32 58.37) (D50)

CMYK: output profile required

Light surfaces

The bright accent #62BEB2 measures 2.07:1 on the light reading surface and is never text there. The light block substitutes #005D55 at 7.32:1. The legal foreground on an accent fill is #000000 at 9.53:1.

Theme reference

Dark and light examples

Chart colors serve data visualization. Brand applications use the identity accent and the neutral surfaces. Each chart color is derived from the accent, clears 4.5:1 on its surface, and remains separate from warning and failure states.

Dark

Heading and controls

Body text on the generated dark surface.

Light

Heading and controls

Body text on the generated light surface.

Type and components

Space Grotesk, Geist, Geist Mono

Display

Heading

Body in Geist at 400. Approved weights are display 500, 700, body 400, 500, and mono 400. Undeclared weights are prohibited.

0O 1lI 8B 5S 2Z

Components

ok warn fail

token	value
radius	6 / 8 / 12 / 16
spacing	4 8 12 16 24 32 48 64
focus	2px ring, 2px offset

Delivery

Complete asset catalog

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

Fixed lockup proportions

lockup	mark height	gap	alignment
horizontal	160 units	34 units	optical center
stacked	1.80C	0.45C	centered on wordmark ink width

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.

Integration instructions

Read the instructions for each platform before installing its assets.

icons/README.mdicon-index · MARKDOWN · Kit root navigation
icons/android/README.mdinstructions · MARKDOWN · See suite README
icons/apple/ios/README.mdinstructions · MARKDOWN · See suite README
icons/apple/macos/README.mdinstructions · MARKDOWN · See suite README
icons/web/README.mdinstructions · MARKDOWN · See suite README
icons/windows/README.mdinstructions · MARKDOWN · See suite README

Icon Android Adaptive Background Metadata

Dark surface

Container asset

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.

icons/android/app/src/main/res/drawable/ic_launcher_background.xmladaptive-background · container or metadata · XML · Android res/drawable

Icon Android Adaptive Declaration Metadata

Dark surface

Container asset

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.

icons/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xmladaptive-declaration · container or metadata · XML · Android res/mipmap-anydpi-v26

Icon Android Adaptive Foreground Full

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.

icons/android/app/src/main/res/drawable-nodpi/ic_launcher_foreground.pngadaptive-foreground · 432 × 432 · PNG · Android res/drawable-nodpi

Icon Android Adaptive Monochrome 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.

icons/android/app/src/main/res/drawable-nodpi/ic_launcher_monochrome.pngadaptive-monochrome · 432 × 432 · PNG · Android res/drawable-nodpi

Icon Android Color Resource Metadata

Dark surface

Container asset

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.

icons/android/app/src/main/res/values/ic_launcher_colors.xmlcolor-resource · container or metadata · XML · Android res/values

Icon Android Legacy Launcher Full

Dark 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.

icons/android/app/src/main/res/mipmap-hdpi/ic_launcher.pnglegacy-launcher · 72 × 72 · PNG · Android res/mipmap-hdpi
icons/android/app/src/main/res/mipmap-mdpi/ic_launcher.pnglegacy-launcher · 48 × 48 · PNG · Android res/mipmap-mdpi
icons/android/app/src/main/res/mipmap-xhdpi/ic_launcher.pnglegacy-launcher · 96 × 96 · PNG · Android res/mipmap-xhdpi
icons/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.pnglegacy-launcher · 144 × 144 · PNG · Android res/mipmap-xxhdpi
icons/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.pnglegacy-launcher · 192 × 192 · PNG · Android res/mipmap-xxxhdpi

Icon Android Platform Manifest Metadata

Dark surface

Container asset

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.

icons/android/manifest.jsonplatform-manifest · container or metadata · JSON · See suite README

Icon Android Play Store Full

Dark 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.

icons/android/play-store/google-play-512.pngplay-store · 512 × 512 · PNG · Google Play Console

Icon Apple Ios App Icon Dark Full

Dark 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.

icons/apple/ios/Assets.xcassets/AppIcon.appiconset/AppIcon-1024-dark.pngapp-icon · 1024 × 1024 · PNG · Xcode AppIcon.appiconset

Icon Apple Ios App Icon Full

Dark 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.

icons/apple/ios/Assets.xcassets/AppIcon.appiconset/AppIcon-1024.pngapp-icon · 1024 × 1024 · PNG · Xcode AppIcon.appiconset

Icon Apple Ios App Icon Tinted Monochrome

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.

icons/apple/ios/Assets.xcassets/AppIcon.appiconset/AppIcon-1024-tinted.pngapp-icon · 1024 × 1024 · PNG · Xcode AppIcon.appiconset

Icon Apple Ios Asset Catalog Metadata

Dark surface

Container asset

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.

icons/apple/ios/Assets.xcassets/AppIcon.appiconset/Contents.jsonasset-catalog · container or metadata · JSON · Xcode AppIcon.appiconset

Icon Apple Ios Platform Manifest Metadata

Dark surface

Container asset

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.

icons/apple/ios/manifest.jsonplatform-manifest · container or metadata · JSON · See suite README

Icon Apple Macos App Icon Full

Dark 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.

icons/apple/macos/AppIcon.iconset/icon_128x128.pngiconset-icon · 128 × 128 · PNG · macOS AppIcon.iconset
icons/apple/macos/AppIcon.iconset/icon_128x128@2x.pngiconset-icon · 256 × 256 · PNG · macOS AppIcon.iconset
icons/apple/macos/AppIcon.iconset/icon_16x16.pngiconset-icon · 16 × 16 · PNG · macOS AppIcon.iconset
icons/apple/macos/AppIcon.iconset/icon_16x16@2x.pngiconset-icon · 32 × 32 · PNG · macOS AppIcon.iconset
icons/apple/macos/AppIcon.iconset/icon_256x256.pngiconset-icon · 256 × 256 · PNG · macOS AppIcon.iconset
icons/apple/macos/AppIcon.iconset/icon_256x256@2x.pngiconset-icon · 512 × 512 · PNG · macOS AppIcon.iconset
icons/apple/macos/AppIcon.iconset/icon_32x32.pngiconset-icon · 32 × 32 · PNG · macOS AppIcon.iconset
icons/apple/macos/AppIcon.iconset/icon_32x32@2x.pngiconset-icon · 64 × 64 · PNG · macOS AppIcon.iconset
icons/apple/macos/AppIcon.iconset/icon_512x512.pngiconset-icon · 512 × 512 · PNG · macOS AppIcon.iconset
icons/apple/macos/AppIcon.iconset/icon_512x512@2x.pngiconset-icon · 1024 × 1024 · PNG · macOS AppIcon.iconset
icons/apple/macos/Assets.xcassets/AppIcon.appiconset/icon_128x128.pngasset-catalog-icon · 128 × 128 · PNG · Xcode AppIcon.appiconset
icons/apple/macos/Assets.xcassets/AppIcon.appiconset/icon_128x128@2x.pngasset-catalog-icon · 256 × 256 · PNG · Xcode AppIcon.appiconset
icons/apple/macos/Assets.xcassets/AppIcon.appiconset/icon_16x16.pngasset-catalog-icon · 16 × 16 · PNG · Xcode AppIcon.appiconset
icons/apple/macos/Assets.xcassets/AppIcon.appiconset/icon_16x16@2x.pngasset-catalog-icon · 32 × 32 · PNG · Xcode AppIcon.appiconset
icons/apple/macos/Assets.xcassets/AppIcon.appiconset/icon_256x256.pngasset-catalog-icon · 256 × 256 · PNG · Xcode AppIcon.appiconset
icons/apple/macos/Assets.xcassets/AppIcon.appiconset/icon_256x256@2x.pngasset-catalog-icon · 512 × 512 · PNG · Xcode AppIcon.appiconset
icons/apple/macos/Assets.xcassets/AppIcon.appiconset/icon_32x32.pngasset-catalog-icon · 32 × 32 · PNG · Xcode AppIcon.appiconset
icons/apple/macos/Assets.xcassets/AppIcon.appiconset/icon_32x32@2x.pngasset-catalog-icon · 64 × 64 · PNG · Xcode AppIcon.appiconset
icons/apple/macos/Assets.xcassets/AppIcon.appiconset/icon_512x512.pngasset-catalog-icon · 512 × 512 · PNG · Xcode AppIcon.appiconset
icons/apple/macos/Assets.xcassets/AppIcon.appiconset/icon_512x512@2x.pngasset-catalog-icon · 1024 × 1024 · PNG · Xcode AppIcon.appiconset

Icon Apple Macos Asset Catalog Metadata

Dark surface

Container asset

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.

icons/apple/macos/Assets.xcassets/AppIcon.appiconset/Contents.jsonasset-catalog · container or metadata · JSON · Xcode AppIcon.appiconset

Icon Apple Macos Icns Full

Dark surface

Container asset

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

icons/apple/macos/AppIcon.icnsicns · embedded: 16 × 16, 32 × 32, 64 × 64, 128 × 128, 256 × 256, 512 × 512, 1024 × 1024 · ICNS · macOS application bundle

Icon Apple Macos Platform Manifest Metadata

Dark surface

Container asset

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.

icons/apple/macos/manifest.jsonplatform-manifest · container or metadata · JSON · See suite README

Icon Web Favicon Ico Mixed

Dark surface

Container asset

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.

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

Icon Web Icon Index Metadata

Dark surface

Container asset

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.

icons/.iconkit-generated.jsonicon-index · container or metadata · JSON · Generation ownership marker

Icon Web Platform Manifest Metadata

Dark surface

Container asset

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.

icons/web/manifest.jsonplatform-manifest · container or metadata · JSON · See suite README

Icon Web Web Icon Full

Dark 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.

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

Icon Web Web Icon Reduced

Dark 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.

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

Icon Web Web Manifest Metadata

Dark surface

Container asset

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.

favicons/site.webmanifestweb-manifest · container or metadata · JSON · Compatibility alias for icons/web/site.webmanifest
icons/web/site.webmanifestweb-manifest · container or metadata · JSON · Web root

Icon Windows Classic Ico Mixed

Dark surface

Container asset

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.

icons/windows/classic/app.icoclassic-ico · embedded: 16 × 16, 24 × 24, 32 × 32, 48 × 48, 64 × 64, 128 × 128, 256 × 256 · ICO · Win32 application

Icon Windows Manifest Fragment Metadata

Dark surface

Container asset

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.

icons/windows/msix/ApplicationVisualElements.fragment.xmlmanifest-fragment · container or metadata · XML · Merge into Applications/Application
icons/windows/msix/PackageProperties.fragment.xmlmanifest-fragment · container or metadata · XML · Merge into Package

Icon Windows Msix Scale Full

Dark 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.

icons/windows/msix/Assets/Square150x150Logo.scale-100.pngmsix-scale · 150 × 150 · PNG · MSIX Assets
icons/windows/msix/Assets/Square150x150Logo.scale-200.pngmsix-scale · 300 × 300 · PNG · MSIX Assets
icons/windows/msix/Assets/Square150x150Logo.scale-400.pngmsix-scale · 600 × 600 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.scale-100.pngmsix-scale · 44 × 44 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.scale-200.pngmsix-scale · 88 × 88 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.scale-400.pngmsix-scale · 176 × 176 · PNG · MSIX Assets

Icon Windows Platform Manifest Metadata

Dark surface

Container asset

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.

icons/windows/manifest.jsonplatform-manifest · container or metadata · JSON · See suite README

Icon Windows Store Logo Full

Dark 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.

icons/windows/msix/Assets/StoreLogo.scale-100.pngstore-logo · 50 × 50 · PNG · MSIX Assets
icons/windows/msix/Assets/StoreLogo.scale-200.pngstore-logo · 100 × 100 · PNG · MSIX Assets
icons/windows/msix/Assets/StoreLogo.scale-400.pngstore-logo · 200 × 200 · PNG · MSIX Assets

Icon Windows Target Size Dark Unplated Full

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.

icons/windows/msix/Assets/Square44x44Logo.targetsize-256_altform-unplated.pngtarget-size · 256 × 256 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-36_altform-unplated.pngtarget-size · 36 × 36 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-40_altform-unplated.pngtarget-size · 40 × 40 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-48_altform-unplated.pngtarget-size · 48 × 48 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-60_altform-unplated.pngtarget-size · 60 × 60 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-64_altform-unplated.pngtarget-size · 64 × 64 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-72_altform-unplated.pngtarget-size · 72 × 72 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-80_altform-unplated.pngtarget-size · 80 × 80 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-96_altform-unplated.pngtarget-size · 96 × 96 · PNG · MSIX Assets

Icon Windows Target Size Dark Unplated Reduced

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.

icons/windows/msix/Assets/Square44x44Logo.targetsize-16_altform-unplated.pngtarget-size · 16 × 16 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-20_altform-unplated.pngtarget-size · 20 × 20 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-24_altform-unplated.pngtarget-size · 24 × 24 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-30_altform-unplated.pngtarget-size · 30 × 30 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-32_altform-unplated.pngtarget-size · 32 × 32 · PNG · MSIX Assets

Icon Windows Target Size Full

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.

icons/windows/msix/Assets/Square44x44Logo.targetsize-256.pngtarget-size · 256 × 256 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-36.pngtarget-size · 36 × 36 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-40.pngtarget-size · 40 × 40 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-48.pngtarget-size · 48 × 48 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-60.pngtarget-size · 60 × 60 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-64.pngtarget-size · 64 × 64 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-72.pngtarget-size · 72 × 72 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-80.pngtarget-size · 80 × 80 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-96.pngtarget-size · 96 × 96 · PNG · MSIX Assets

Icon Windows Target Size Reduced

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.

icons/windows/msix/Assets/Square44x44Logo.targetsize-16.pngtarget-size · 16 × 16 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-20.pngtarget-size · 20 × 20 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-24.pngtarget-size · 24 × 24 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-30.pngtarget-size · 30 × 30 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-32.pngtarget-size · 32 × 32 · PNG · MSIX Assets

Icon Windows Target Size Light Unplated Full

Light 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.

icons/windows/msix/Assets/Square44x44Logo.targetsize-256_altform-lightunplated.pngtarget-size · 256 × 256 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-36_altform-lightunplated.pngtarget-size · 36 × 36 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-40_altform-lightunplated.pngtarget-size · 40 × 40 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-48_altform-lightunplated.pngtarget-size · 48 × 48 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-60_altform-lightunplated.pngtarget-size · 60 × 60 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-64_altform-lightunplated.pngtarget-size · 64 × 64 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-72_altform-lightunplated.pngtarget-size · 72 × 72 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-80_altform-lightunplated.pngtarget-size · 80 × 80 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-96_altform-lightunplated.pngtarget-size · 96 × 96 · PNG · MSIX Assets

Icon Windows Target Size Light Unplated Reduced

Light 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.

icons/windows/msix/Assets/Square44x44Logo.targetsize-16_altform-lightunplated.pngtarget-size · 16 × 16 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-20_altform-lightunplated.pngtarget-size · 20 × 20 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-24_altform-lightunplated.pngtarget-size · 24 × 24 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-30_altform-lightunplated.pngtarget-size · 30 × 30 · PNG · MSIX Assets
icons/windows/msix/Assets/Square44x44Logo.targetsize-32_altform-lightunplated.pngtarget-size · 32 × 32 · PNG · MSIX Assets

Logo Identity Lockup Full Black Lockup Black Full

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.

logos/png/cueson-horizontal-black-1024.pnglockup · 1024 × 300 · PNG · Brand identity
logos/png/cueson-stacked-black-1024.pnglockup · 1024 × 731 · PNG · Brand identity
logos/svg/cueson-horizontal-black.svglockup · 683 × 200 · SVG · Brand identity
logos/svg/cueson-stacked-black.svglockup · 493 × 351 · SVG · Brand identity

Logo Identity Lockup Full Color Lockup Color Full

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.

logos/png/cueson-horizontal-color-1024.pnglockup · 1024 × 300 · PNG · Brand identity
logos/png/cueson-social-preview-1280.pnglockup · 1280 × 640 · PNG · Brand identity
logos/png/cueson-stacked-color-1024.pnglockup · 1024 × 731 · PNG · Brand identity
logos/svg/cueson-horizontal-color.svglockup · 683 × 200 · SVG · Brand identity
logos/svg/cueson-social-preview.svglockup · 1280 × 640 · SVG · Brand identity
logos/svg/cueson-stacked-color.svglockup · 493 × 351 · SVG · Brand identity

Logo Identity Lockup Full Light Lockup Light Full

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.

logos/png/cueson-horizontal-light-1024.pnglockup · 1024 × 300 · PNG · Brand identity
logos/png/cueson-stacked-light-1024.pnglockup · 1024 × 731 · PNG · Brand identity
logos/svg/cueson-horizontal-light.svglockup · 683 × 200 · SVG · Brand identity
logos/svg/cueson-stacked-light.svglockup · 493 × 351 · SVG · Brand identity

Logo Identity Lockup Full White Lockup White Full

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.

logos/png/cueson-horizontal-white-1024.pnglockup · 1024 × 300 · PNG · Brand identity
logos/png/cueson-stacked-white-1024.pnglockup · 1024 × 731 · PNG · Brand identity
logos/svg/cueson-horizontal-white.svglockup · 683 × 200 · SVG · Brand identity
logos/svg/cueson-stacked-white.svglockup · 493 × 351 · SVG · Brand identity