ShruggieTech brand guidelines

Start here

Brand essentials

Name and relationship

Approved name: ShruggieTech

Approved words

Slogan: We’ll figure it out.

Visual signatures

Mark: The custom stylized shruggie face is paid artwork, not a Unicode glyph. Paired lockups use the complete arms, eyes, and smile. Standalone marks and application icons use the approved vivid face-only square projection.

Color: Pure black and restrained near-black surfaces carry the parent identity. Bright green marks identity, links, focus, and the shruggie face on dark surfaces. Accessible green replaces it for text on light surfaces. Orange remains rare emphasis.

Type: Display Space Grotesk; body Geist; mono Geist Mono. See colors and type details.

Where each asset belongs

Use the delivered logo and mark files for their declared surfaces and sizes. The asset catalog lists each verified variant and download. The color and type sections give exact values.

The face-only reduced master is the standalone mark at every size. Use the supplied icon files for each platform.

Usage limits

Keep the delivered artwork geometry unchanged.

Do not redraw, trace, or approximate the custom shruggie mark.
Do not substitute the Unicode shruggie or any emoji for the mark.
Do not distort, rotate, crop, outline, bevel, or add glow to the mark.
Do not use the bright green for text or links on the light reading surface.
Do not combine a sub-brand mark with the parent mark inside one lockup.

Implementation authority

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.1.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/shruggietech-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.

Color

Formal identity colors and interface cues

Identity accent hue 153.0 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.

Color	HEX	Source	Use
ShruggieTech green	`#2BCC73`	brand.accent.bright	Approved parent identity accent

Approved combinations

Application	Formal colors	Artwork	Use
ShruggieTech mark	primary	`logo.full`	Approved parent identity accent in the full mark

Correct: use ShruggieTech green (#2BCC73) 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.

Cue	HEX	Meaning	Measured pairing	Non-color cue
Action	`#C24000`	Primary interactive action	#C24000 with #FFFFFF text (5.21:1); 4.03:1 against #000000	A descriptive button or link label
Warning	`#FF5300`	Attention or recoverable risk	#FF5300 with #000000 text (6.49:1); 6.49:1 against #000000	Warning text and icon
Error	`#E9505F`	Failure or destructive action	#E9505F with #000000 text (5.78:1); 5.78:1 against #000000	Error text and icon
Success	`#2BCC73`	Completed operation	#2BCC73 with #000000 text (9.99:1); 9.99:1 against #000000	Success text and icon
Information	`#00AB21`	Neutral information or help	#00AB21 with #000000 text (6.85:1); 6.85:1 against #000000	Information label and icon
Focus	`#2BCC73`	Keyboard focus ring	#2BCC73 with #000000 text (9.99:1); 9.99:1 against #000000	Visible outline and keyboard focus order
Selection	`#2BCC73`	Selected control or item	#2BCC73 with #000000 text (9.99:1); 9.99:1 against #000000	Selected label or checked state
Disabled	`#9A9A9A`	Unavailable control	#9A9A9A with #000000 text (7.46:1); 7.46:1 against #000000	Disabled attribute and text

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.

Cue	HEX	Meaning	Measured pairing	Non-color cue
Action	`#C24000`	Primary interactive action	#C24000 with #FFFFFF text (5.21:1); 4.90:1 against #F8F8F6	A descriptive button or link label
Warning	`#C24000`	Attention or recoverable risk	#C24000 with #FFFFFF text (5.21:1); 4.90:1 against #F8F8F6	Warning text and icon
Error	`#C0293A`	Failure or destructive action	#C0293A with #FFFFFF text (5.80:1); 5.46:1 against #F8F8F6	Error text and icon
Success	`#037B40`	Completed operation	#037B40 with #FFFFFF text (5.37:1); 5.05:1 against #F8F8F6	Success text and icon
Information	`#037B40`	Neutral information or help	#037B40 with #FFFFFF text (5.37:1); 5.05:1 against #F8F8F6	Information label and icon
Focus	`#037B40`	Keyboard focus ring	#037B40 with #FFFFFF text (5.37:1); 5.05:1 against #F8F8F6	Visible outline and keyboard focus order
Selection	`#037B40`	Selected control or item	#037B40 with #FFFFFF text (5.37:1); 5.05:1 against #F8F8F6	Selected label or checked state
Disabled	`#9A9A9A`	Unavailable control	#9A9A9A with #000000 text (7.46:1); 2.65:1 against #F8F8F6	Disabled attribute and text

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, 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

foreground, card-foreground, popover-foreground, secondary-foreground, accent-foreground, sidebar-foreground, sidebar-accent-foreground, brand-cta-foreground, brand-cta-outline-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

#111111

rgb(17 17 17)

hsl(0.0 0.0% 6.7%)

oklch(0.1776 0.0000 0.0)

lab(5.06% 0.00 0.00) (D50)

CMYK: output profile required

popover, sidebar

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

primary, ring, sidebar-primary, sidebar-ring

Color values

#2BCC73

rgb(43 204 115)

hsl(146.8 65.2% 48.4%)

oklch(0.7457 0.1802 153.0)

lab(72.80% -56.62 32.40) (D50)

CMYK: output profile required

secondary, muted

Color values

#0D0F12

rgb(13 15 18)

hsl(216.0 16.1% 6.1%)

oklch(0.1676 0.0071 258.4)

lab(4.23% -0.24 -1.84) (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

#1A1A1A

rgb(26 26 26)

hsl(0.0 0.0% 10.2%)

oklch(0.2178 0.0000 0.0)

lab(9.26% 0.00 -0.00) (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

#00B661

rgb(0 182 97)

hsl(152.0 100.0% 35.7%)

oklch(0.6805 0.1753 153.0)

lab(65.17% -55.25 31.71) (D50)

CMYK: output profile required

chart-2

Color values

#00ACBA

rgb(0 172 186)

hsl(184.5 100.0% 36.5%)

oklch(0.6793 0.1160 205.1)

lab(63.80% -34.25 -18.31) (D50)

CMYK: output profile required

chart-3

Color values

#4F98FC

rgb(79 152 252)

hsl(214.7 96.6% 64.9%)

oklch(0.6802 0.1654 256.9)

lab(61.78% 1.37 -57.60) (D50)

CMYK: output profile required

chart-4

Color values

#B678E5

rgb(182 120 229)

hsl(274.1 67.7% 68.4%)

oklch(0.6803 0.1658 308.9)

lab(60.45% 39.75 -46.46) (D50)

CMYK: output profile required

chart-5

Color values

#E76692

rgb(231 102 146)

hsl(339.5 72.9% 65.3%)

oklch(0.6800 0.1652 1.1)

lab(60.82% 54.02 1.94) (D50)

CMYK: output profile required

brand-accent-deep

Color values

#00AB21

rgb(0 171 33)

hsl(131.6 100.0% 33.5%)

oklch(0.6433 0.2094 143.9)

lab(61.03% -57.85 54.05) (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, brand-cta-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

#037B40

rgb(3 123 64)

hsl(150.5 95.2% 24.7%)

oklch(0.5114 0.1308 153.0)

lab(44.98% -41.20 23.64) (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

#888887

rgb(136 136 135)

hsl(60.0 0.4% 53.1%)

oklch(0.6264 0.0015 106.4)

lab(56.68% -0.15 0.54) (D50)

CMYK: output profile required

chart-2

Color values

#00747E

rgb(0 116 126)

hsl(184.8 100.0% 24.7%)

oklch(0.5101 0.0872 205.3)

lab(43.92% -25.66 -13.86) (D50)

CMYK: output profile required

chart-3

Color values

#3566AA

rgb(53 102 170)

hsl(214.9 52.5% 43.7%)

oklch(0.5103 0.1208 257.1)

lab(42.39% 0.83 -42.15) (D50)

CMYK: output profile required

chart-4

Color values

#7B519A

rgb(123 81 154)

hsl(274.5 31.1% 46.1%)

oklch(0.5121 0.1198 309.3)

lab(41.63% 28.77 -33.42) (D50)

CMYK: output profile required

chart-5

Color values

#9C4562

rgb(156 69 98)

hsl(340.0 38.7% 44.1%)

oklch(0.5116 0.1198 1.3)

lab(41.85% 39.21 1.56) (D50)

CMYK: output profile required

brand-accent-deep

Color values

#00AB21

rgb(0 171 33)

hsl(131.6 100.0% 33.5%)

oklch(0.6433 0.2094 143.9)

lab(61.03% -57.85 54.05) (D50)

CMYK: output profile required

brand-emphasis, brand-cta, brand-cta-outline-foreground

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 #2BCC73 measures 1.98:1 on the light reading surface and is never text there. The light block substitutes #037B40 at 5.05:1. The legal foreground on an accent fill is #000000 at 9.99:1.

Theme reference

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.

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

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 919 × 500 units, clear space 92 units (10.0 percent of artwork width). The face-only reduced master is the standalone mark at every size. Use the supplied icon files for each platform.

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

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.

shruggietech-logo-lockup-stacked-full-color-clear-for-dark-1024.pngPreferred name · 1024 × 434 · PNG · Brand identity
shruggietech-logo-lockup-stacked-full-color-clear-for-dark.svgPreferred name · 883 × 375 · SVG · Brand identity
shruggietech-stacked-color-1024.pngExisting path · 1024 × 434 · PNG · Brand identity
shruggietech-stacked-color.svgExisting path · 883 × 375 · 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.

shruggietech-logo-lockup-stacked-full-color-clear-for-light-1024.pngPreferred name · 1024 × 434 · PNG · Brand identity
shruggietech-logo-lockup-stacked-full-color-clear-for-light.svgPreferred name · 883 × 375 · SVG · Brand identity
shruggietech-stacked-light-1024.pngExisting path · 1024 × 434 · PNG · Brand identity
shruggietech-stacked-light.svgExisting path · 883 × 375 · 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.

shruggietech-logo-lockup-stacked-monochrome-clear-white-for-dark-1024.pngPreferred name · 1024 × 434 · PNG · Brand identity
shruggietech-logo-lockup-stacked-monochrome-clear-white-for-dark.svgPreferred name · 883 × 375 · SVG · Brand identity
shruggietech-stacked-white-1024.pngExisting path · 1024 × 434 · PNG · Brand identity
shruggietech-stacked-white.svgExisting path · 883 × 375 · 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.

shruggietech-logo-lockup-stacked-monochrome-clear-black-for-light-1024.pngPreferred name · 1024 × 434 · PNG · Brand identity
shruggietech-logo-lockup-stacked-monochrome-clear-black-for-light.svgPreferred name · 883 × 375 · SVG · Brand identity
shruggietech-stacked-black-1024.pngExisting path · 1024 × 434 · PNG · Brand identity
shruggietech-stacked-black.svgExisting path · 883 × 375 · 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.

shruggietech-logo-lockup-wide-full-color-clear-for-dark-1024.pngPreferred name · 1024 × 146 · PNG · Brand identity
shruggietech-logo-lockup-wide-full-color-clear-for-dark.svgPreferred name · 1402 × 200 · SVG · Brand identity
shruggietech-horizontal-color-1024.pngExisting path · 1024 × 146 · PNG · Brand identity
shruggietech-horizontal-color.svgExisting path · 1402 × 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.

shruggietech-logo-lockup-wide-full-color-clear-for-light-1024.pngPreferred name · 1024 × 146 · PNG · Brand identity
shruggietech-logo-lockup-wide-full-color-clear-for-light.svgPreferred name · 1402 × 200 · SVG · Brand identity
shruggietech-horizontal-light-1024.pngExisting path · 1024 × 146 · PNG · Brand identity
shruggietech-horizontal-light.svgExisting path · 1402 × 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.

shruggietech-logo-lockup-wide-monochrome-clear-white-for-dark-1024.pngPreferred name · 1024 × 146 · PNG · Brand identity
shruggietech-logo-lockup-wide-monochrome-clear-white-for-dark.svgPreferred name · 1402 × 200 · SVG · Brand identity
shruggietech-horizontal-white-1024.pngExisting path · 1024 × 146 · PNG · Brand identity
shruggietech-horizontal-white.svgExisting path · 1402 × 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.

shruggietech-logo-lockup-wide-monochrome-clear-black-for-light-1024.pngPreferred name · 1024 × 146 · PNG · Brand identity
shruggietech-logo-lockup-wide-monochrome-clear-black-for-light.svgPreferred name · 1402 × 200 · SVG · Brand identity
shruggietech-horizontal-black-1024.pngExisting path · 1024 × 146 · PNG · Brand identity
shruggietech-horizontal-black.svgExisting path · 1402 × 200 · 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.

shruggietech-brand-mark-reduced-detail-full-color-clear-for-dark-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
shruggietech-brand-mark-reduced-detail-full-color-clear-for-dark.svgPreferred name · 440 × 440 · SVG · Brand identity
shruggietech-mark-color-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
shruggietech-mark-reduced-color-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
shruggietech-mark-color.svgExisting path · 440 × 440 · SVG · Brand identity
shruggietech-mark-reduced-color.svgExisting path · 440 × 440 · 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.

shruggietech-brand-mark-reduced-detail-full-color-clear-for-light-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
shruggietech-brand-mark-reduced-detail-full-color-clear-for-light.svgPreferred name · 440 × 440 · SVG · Brand identity
shruggietech-mark-light-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
shruggietech-mark-reduced-light-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
shruggietech-mark-light.svgExisting path · 440 × 440 · SVG · Brand identity
shruggietech-mark-reduced-light.svgExisting path · 440 × 440 · 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.

shruggietech-brand-mark-reduced-detail-monochrome-clear-white-for-dark-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
shruggietech-brand-mark-reduced-detail-monochrome-clear-white-for-dark.svgPreferred name · 440 × 440 · SVG · Brand identity
shruggietech-mark-reduced-white-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
shruggietech-mark-white-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
shruggietech-mark-reduced-white.svgExisting path · 440 × 440 · SVG · Brand identity
shruggietech-mark-white.svgExisting path · 440 × 440 · 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.

shruggietech-brand-mark-reduced-detail-monochrome-clear-black-for-light-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
shruggietech-brand-mark-reduced-detail-monochrome-clear-black-for-light.svgPreferred name · 440 × 440 · SVG · Brand identity
shruggietech-mark-black-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
shruggietech-mark-reduced-black-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
shruggietech-mark-black.svgExisting path · 440 × 440 · SVG · Brand identity
shruggietech-mark-reduced-black.svgExisting path · 440 × 440 · 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.

shruggietech-wordmark-full-color-clear-for-dark-1024.pngPreferred name · 1024 × 195 · PNG · Brand identity
shruggietech-wordmark-full-color-clear-for-dark.svgPreferred name · 1368 × 260 · SVG · Brand identity
shruggietech-wordmark-color-1024.pngExisting path · 1024 × 195 · PNG · Brand identity
shruggietech-wordmark-color.svgExisting path · 1368 × 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.

shruggietech-wordmark-full-color-clear-for-light-1024.pngPreferred name · 1024 × 195 · PNG · Brand identity
shruggietech-wordmark-full-color-clear-for-light.svgPreferred name · 1368 × 260 · SVG · Brand identity
shruggietech-wordmark-light-1024.pngExisting path · 1024 × 195 · PNG · Brand identity
shruggietech-wordmark-light.svgExisting path · 1368 × 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.

shruggietech-wordmark-monochrome-clear-white-for-dark-1024.pngPreferred name · 1024 × 195 · PNG · Brand identity
shruggietech-wordmark-monochrome-clear-white-for-dark.svgPreferred name · 1368 × 260 · SVG · Brand identity
shruggietech-wordmark-white-1024.pngExisting path · 1024 × 195 · PNG · Brand identity
shruggietech-wordmark-white.svgExisting path · 1368 × 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.

shruggietech-wordmark-monochrome-clear-black-for-light-1024.pngPreferred name · 1024 × 195 · PNG · Brand identity
shruggietech-wordmark-monochrome-clear-black-for-light.svgPreferred name · 1368 × 260 · SVG · Brand identity
shruggietech-wordmark-black-1024.pngExisting path · 1024 × 195 · PNG · Brand identity
shruggietech-wordmark-black.svgExisting path · 1368 × 260 · SVG · Brand identity

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-256_altform-unplated.pngExisting path · 256 × 256 · 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
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 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-256_altform-lightunplated.pngExisting path · 256 × 256 · 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
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

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: 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-256.pngExisting path · 256 × 256 · PNG · MSIX Assets
Square44x44Logo.targetsize-30.pngExisting path · 30 × 30 · PNG · MSIX Assets
Square44x44Logo.targetsize-32.pngExisting path · 32 × 32 · 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

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

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

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-16x16.pngExisting alias · 16 × 16 · PNG · Compatibility alias for icons/web/favicon-16x16.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-24x24.pngExisting alias · 24 × 24 · PNG · Compatibility alias for icons/web/favicon-24x24.png
favicon-256x256.pngExisting alias · 256 × 256 · PNG · Compatibility alias for icons/web/favicon-256x256.png
favicon-32x32.pngExisting alias · 32 × 32 · PNG · Compatibility alias for icons/web/favicon-32x32.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
favicon.svgExisting alias · 512 × 512 · SVG · Compatibility alias for icons/web/favicon.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-16x16.pngExisting path · 16 × 16 · PNG · Web root
favicon-180x180.pngExisting path · 180 × 180 · PNG · Web root
favicon-192x192.pngExisting path · 192 × 192 · PNG · Web root
favicon-24x24.pngExisting path · 24 × 24 · PNG · Web root
favicon-256x256.pngExisting path · 256 × 256 · PNG · Web root
favicon-32x32.pngExisting path · 32 × 32 · 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
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