background, primary-foreground, sidebar-primary-foreground
Color values
#000000rgb(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
Start here
Brand essentials
Name and relationship
Approved name: Scruggs Tire & Alignment
Written form: Use Scruggs Tire & Alignment as the formal brand name. Do not redraw the lettering, change the tire motif, or treat a text rendering as a replacement logo.
Visual signatures
Mark: Use the exact white-square Full lockup for light surfaces, the black-square Full lockup for dark surfaces, and the unchanged tire-only motif for small icons. Preserve the lettering and tire shape in every output.
Color: The tire motif uses bright red. True white and black are the primary logo grounds; bright red provides dark-surface emphasis and deep red provides readable light-surface actions. Neutral surfaces support clear service information.
Type: Display Poppins; body Source Sans 3; mono Courier Prime. 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 reduced mark takes over at and below 128 px.
Usage limits
Keep the delivered artwork geometry unchanged.
- Do not recreate the embedded Scruggs lettering with a substitute font.
- Do not trace, normalize, or alter the supplied tire geometry.
- Do not combine this client mark with the ShruggieTech mark.
Use deep red #7D0B13 for ordinary text and actions on white. Bright tire red #ED1B24 is also readable on a true black base and serves dark-surface emphasis. Never use bright red as ordinary text on white. Maintain WCAG 2.1 AA contrast for all actual combinations.
Implementation authority
Exact kit facts
This brand uses its own delivered interface binding; do not assume a ShruggieTech house palette. 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.0.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/scruggs-tire-alignment-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 26.9 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 |
|---|---|---|---|
| Tire Red | #ED1B24 | brand.accent.bright | Tire artwork and accessible emphasis on black |
| Readable Red | #7D0B13 | brand.accent.deep | Accessible red text and actions on white |
| Black Ink | #000000 | brand.legacy_palette.2 | Logo wording on white |
Approved combinations
| Application | Formal colors | Artwork | Use |
|---|---|---|---|
| Full mark on white | tire-red, ink | logo.full | Primary logo on a true white square |
| Readable digital accent | readable-red | brand.applications | Text and controls on light surfaces |
Correct: use Tire Red (#ED1B24) in its approved identity application; pair the Warning cue (#ED1B24) 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 | #7D0B13 | Primary interactive action | #7D0B13 with #FFFFFF text (10.88:1); 1.93:1 against #000000 | A descriptive button or link label |
| Warning | #ED1B24 | Attention or recoverable risk | #ED1B24 with #000000 text (4.78:1); 4.78: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 | #ED1B24 | Completed operation | #ED1B24 with #000000 text (4.78:1); 4.78:1 against #000000 | Success text and icon |
| Information | #7D0B13 | Neutral information or help | #7D0B13 with #FFFFFF text (10.88:1); 1.93:1 against #000000 | Information label and icon |
| Focus | #ED1B24 | Keyboard focus ring | #ED1B24 with #000000 text (4.78:1); 4.78:1 against #000000 | Visible outline and keyboard focus order |
| Selection | #ED1B24 | Selected control or item | #ED1B24 with #000000 text (4.78:1); 4.78:1 against #000000 | Selected label or checked state |
| Disabled | #C0C0C0 | Unavailable control | #C0C0C0 with #000000 text (11.54:1); 11.54: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 | #7D0B13 | Primary interactive action | #7D0B13 with #FFFFFF text (10.88:1); 10.88:1 against #FFFFFF | A descriptive button or link label |
| Warning | #7D0B13 | Attention or recoverable risk | #7D0B13 with #FFFFFF text (10.88:1); 10.88:1 against #FFFFFF | Warning text and icon |
| Error | #C0293A | Failure or destructive action | #C0293A with #FFFFFF text (5.80:1); 5.80:1 against #FFFFFF | Error text and icon |
| Success | #7D0B13 | Completed operation | #7D0B13 with #FFFFFF text (10.88:1); 10.88:1 against #FFFFFF | Success text and icon |
| Information | #7D0B13 | Neutral information or help | #7D0B13 with #FFFFFF text (10.88:1); 10.88:1 against #FFFFFF | Information label and icon |
| Focus | #7D0B13 | Keyboard focus ring | #7D0B13 with #FFFFFF text (10.88:1); 10.88:1 against #FFFFFF | Visible outline and keyboard focus order |
| Selection | #7D0B13 | Selected control or item | #7D0B13 with #FFFFFF text (10.88:1); 10.88:1 against #FFFFFF | Selected label or checked state |
| Disabled | #C0C0C0 | Unavailable control | #C0C0C0 with #000000 text (11.54:1); 1.82:1 against #FFFFFF | 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
foreground, card-foreground, popover-foreground, secondary-foreground, accent-foreground, sidebar-foreground, sidebar-accent-foreground, brand-cta-foreground, brand-cta-outline-foreground
Color values
#FFFFFFrgb(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, popover, sidebar
Color values
#414141rgb(65 65 65)hsl(0.0 0.0% 25.5%)oklch(0.3753 0.0000 0.0)lab(27.53% 0.00 0.00) (D50)CMYK: output profile required
primary, ring, chart-1, sidebar-primary, sidebar-ring, brand-emphasis
Color values
#ED1B24rgb(237 27 36)hsl(357.4 85.4% 51.8%)oklch(0.6026 0.2351 26.9)lab(51.54% 74.19 53.72) (D50)CMYK: output profile required
secondary, muted
Color values
#5F5F5Frgb(95 95 95)hsl(0.0 0.0% 37.3%)oklch(0.4855 0.0000 0.0)lab(40.32% 0.00 0.00) (D50)CMYK: output profile required
muted-foreground
Color values
#D9D9D9rgb(217 217 217)hsl(0.0 0.0% 85.1%)oklch(0.8853 0.0000 0.0)lab(86.70% 0.00 0.00) (D50)CMYK: output profile required
accent, sidebar-accent, brand-accent-deep, brand-cta
Color values
#7D0B13rgb(125 11 19)hsl(355.8 83.8% 26.7%)oklch(0.3772 0.1449 25.5)lab(26.28% 45.94 30.55) (D50)CMYK: output profile required
destructive
Color values
#E9505Frgb(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
#262626rgb(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-2
Color values
#C93CB3rgb(201 60 179)hsl(309.4 56.6% 51.2%)oklch(0.6025 0.2168 334.9)lab(50.65% 64.77 -33.10) (D50)CMYK: output profile required
chart-3
Color values
#A97600rgb(169 118 0)hsl(41.9 100.0% 33.1%)oklch(0.6024 0.1254 78.5)lab(53.83% 14.73 59.66) (D50)CMYK: output profile required
chart-4
Color values
#7564FBrgb(117 100 251)hsl(246.8 95.0% 68.8%)oklch(0.6026 0.2161 282.9)lab(50.62% 37.79 -74.81) (D50)CMYK: output profile required
chart-5
Color values
#5D9300rgb(93 147 0)hsl(82.0 100.0% 28.8%)oklch(0.6020 0.1639 130.7)lab(55.43% -33.09 57.01) (D50)CMYK: output profile required
Light palette
background, card, popover, primary-foreground, sidebar, sidebar-primary-foreground, brand-cta-foreground
Color values
#FFFFFFrgb(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
foreground, card-foreground, popover-foreground, secondary-foreground, accent-foreground, sidebar-foreground, sidebar-accent-foreground
Color values
#111111rgb(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
primary, ring, chart-1, sidebar-primary, sidebar-ring, brand-accent-deep, brand-emphasis, brand-cta, brand-cta-outline-foreground
Color values
#7D0B13rgb(125 11 19)hsl(355.8 83.8% 26.7%)oklch(0.3772 0.1449 25.5)lab(26.28% 45.94 30.55) (D50)CMYK: output profile required
secondary
Color values
#F4F4F4rgb(244 244 244)hsl(0.0 0.0% 95.7%)oklch(0.9672 0.0000 0.0)lab(96.19% 0.00 0.00) (D50)CMYK: output profile required
muted, accent, sidebar-accent
Color values
#F1E7E8rgb(241 231 232)hsl(354.0 26.3% 92.5%)oklch(0.9361 0.0109 10.3)lab(92.46% 3.63 0.78) (D50)CMYK: output profile required
muted-foreground
Color values
#555555rgb(85 85 85)hsl(0.0 0.0% 33.3%)oklch(0.4495 0.0000 0.0)lab(36.15% 0.00 0.00) (D50)CMYK: output profile required
destructive
Color values
#C0293Argb(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
#838383rgb(131 131 131)hsl(0.0 0.0% 51.4%)oklch(0.6100 0.0000 0.0)lab(54.76% 0.00 0.00) (D50)CMYK: output profile required
chart-2
Color values
#681D5Frgb(104 29 95)hsl(307.2 56.4% 26.1%)oklch(0.3771 0.1335 333.1)lab(25.73% 39.54 -21.75) (D50)CMYK: output profile required
chart-3
Color values
#583B00rgb(88 59 0)hsl(40.2 100.0% 17.3%)oklch(0.3762 0.0785 77.7)lab(27.59% 9.57 36.99) (D50)CMYK: output profile required
chart-4
Color values
#393385rgb(57 51 133)hsl(244.4 44.6% 36.1%)oklch(0.3779 0.1327 281.3)lab(25.88% 22.09 -46.22) (D50)CMYK: output profile required
chart-5
Color values
#304B00rgb(48 75 0)hsl(81.6 100.0% 14.7%)oklch(0.3766 0.1003 129.3)lab(28.65% -19.38 35.72) (D50)CMYK: output profile required
Light surfaces
The bright accent #ED1B24 measures 4.39:1 on the light
reading surface and is never text there. The light block substitutes #7D0B13 at
10.88:1. The legal foreground on an accent fill is #000000 at 4.78: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
Poppins, Source Sans 3, Courier Prime
Display
Heading
Body in Source Sans 3 at 400. Approved weights are display 700, body 400, 600, 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 512 × 512 units, clear space 32 units (7.1 percent of artwork width). Below 128 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
Stacked logo lockup, full color, for dark 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.
- scruggs-tire-alignment-logo-lockup-stacked-full-color-clear-for-dark-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-logo-lockup-stacked-full-color-clear-for-dark.svgPreferred name · 512 × 512 · SVG · Brand identity
- scruggs-tire-alignment-stacked-color-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-stacked-color.svgExisting path · 512 × 512 · SVG · Brand identity
Stacked logo lockup, full color, for light 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.
- scruggs-tire-alignment-logo-lockup-stacked-full-color-clear-for-light-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-logo-lockup-stacked-full-color-clear-for-light.svgPreferred name · 512 × 512 · SVG · Brand identity
- scruggs-tire-alignment-stacked-light-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-stacked-light.svgExisting path · 512 × 512 · 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.
- scruggs-tire-alignment-logo-lockup-stacked-monochrome-clear-white-for-dark-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-logo-lockup-stacked-monochrome-clear-white-for-dark.svgPreferred name · 512 × 512 · SVG · Brand identity
- scruggs-tire-alignment-stacked-white-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-stacked-white.svgExisting path · 512 × 512 · 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.
- scruggs-tire-alignment-logo-lockup-stacked-monochrome-clear-black-for-light-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-logo-lockup-stacked-monochrome-clear-black-for-light.svgPreferred name · 512 × 512 · SVG · Brand identity
- scruggs-tire-alignment-stacked-black-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-stacked-black.svgExisting path · 512 × 512 · SVG · Brand identity
Wide logo lockup, full color, for dark 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.
- scruggs-tire-alignment-logo-lockup-wide-full-color-clear-for-dark-1024.pngPreferred name · 1024 × 581 · PNG · Brand identity
- scruggs-tire-alignment-logo-lockup-wide-full-color-clear-for-dark.svgPreferred name · 416 × 236 · SVG · Brand identity
- scruggs-tire-alignment-horizontal-color-1024.pngExisting path · 1024 × 581 · PNG · Brand identity
- scruggs-tire-alignment-horizontal-color.svgExisting path · 416 × 236 · SVG · Brand identity
Wide logo lockup, full color, for light 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.
- scruggs-tire-alignment-logo-lockup-wide-full-color-clear-for-light-1024.pngPreferred name · 1024 × 581 · PNG · Brand identity
- scruggs-tire-alignment-logo-lockup-wide-full-color-clear-for-light.svgPreferred name · 416 × 236 · SVG · Brand identity
- scruggs-tire-alignment-horizontal-light-1024.pngExisting path · 1024 × 581 · PNG · Brand identity
- scruggs-tire-alignment-horizontal-light.svgExisting path · 416 × 236 · 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.
- scruggs-tire-alignment-logo-lockup-wide-monochrome-clear-white-for-dark-1024.pngPreferred name · 1024 × 581 · PNG · Brand identity
- scruggs-tire-alignment-logo-lockup-wide-monochrome-clear-white-for-dark.svgPreferred name · 416 × 236 · SVG · Brand identity
- scruggs-tire-alignment-horizontal-white-1024.pngExisting path · 1024 × 581 · PNG · Brand identity
- scruggs-tire-alignment-horizontal-white.svgExisting path · 416 × 236 · 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.
- scruggs-tire-alignment-logo-lockup-wide-monochrome-clear-black-for-light-1024.pngPreferred name · 1024 × 581 · PNG · Brand identity
- scruggs-tire-alignment-logo-lockup-wide-monochrome-clear-black-for-light.svgPreferred name · 416 × 236 · SVG · Brand identity
- scruggs-tire-alignment-horizontal-black-1024.pngExisting path · 1024 × 581 · PNG · Brand identity
- scruggs-tire-alignment-horizontal-black.svgExisting path · 416 × 236 · SVG · Brand identity
Full brand mark, full color, for dark 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.
- scruggs-tire-alignment-brand-mark-full-detail-full-color-clear-for-dark-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-brand-mark-full-detail-full-color-clear-for-dark.svgPreferred name · 512 × 512 · SVG · Brand identity
- scruggs-tire-alignment-mark-color-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-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.
- scruggs-tire-alignment-brand-mark-reduced-detail-full-color-clear-for-dark-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-brand-mark-reduced-detail-full-color-clear-for-dark.svgPreferred name · 180 × 180 · SVG · Brand identity
- scruggs-tire-alignment-mark-reduced-color-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-mark-reduced-color.svgExisting path · 180 × 180 · SVG · Brand identity
Full brand mark, full color, for light 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.
- scruggs-tire-alignment-brand-mark-full-detail-full-color-clear-for-light-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-brand-mark-full-detail-full-color-clear-for-light.svgPreferred name · 512 × 512 · SVG · Brand identity
- scruggs-tire-alignment-mark-light-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-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.
- scruggs-tire-alignment-brand-mark-reduced-detail-full-color-clear-for-light-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-brand-mark-reduced-detail-full-color-clear-for-light.svgPreferred name · 180 × 180 · SVG · Brand identity
- scruggs-tire-alignment-mark-reduced-light-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-mark-reduced-light.svgExisting path · 180 × 180 · 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.
- scruggs-tire-alignment-brand-mark-full-detail-monochrome-clear-white-for-dark-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-brand-mark-full-detail-monochrome-clear-white-for-dark.svgPreferred name · 512 × 512 · SVG · Brand identity
- scruggs-tire-alignment-mark-white-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-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.
- scruggs-tire-alignment-brand-mark-reduced-detail-monochrome-clear-white-for-dark-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-brand-mark-reduced-detail-monochrome-clear-white-for-dark.svgPreferred name · 512 × 512 · SVG · Brand identity
- scruggs-tire-alignment-mark-reduced-white-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-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.
- scruggs-tire-alignment-brand-mark-full-detail-monochrome-clear-black-for-light-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-brand-mark-full-detail-monochrome-clear-black-for-light.svgPreferred name · 512 × 512 · SVG · Brand identity
- scruggs-tire-alignment-mark-black-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-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.
- scruggs-tire-alignment-brand-mark-reduced-detail-monochrome-clear-black-for-light-1024.pngPreferred name · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-brand-mark-reduced-detail-monochrome-clear-black-for-light.svgPreferred name · 512 × 512 · SVG · Brand identity
- scruggs-tire-alignment-mark-reduced-black-1024.pngExisting path · 1024 × 1024 · PNG · Brand identity
- scruggs-tire-alignment-mark-reduced-black.svgExisting path · 512 × 512 · 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
Web icon, reduced detail
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.
- 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 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
Android legacy launcher, opaque background
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.
- 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
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.
- google-play-512.pngExisting path · 512 × 512 · PNG · Google Play Console
iOS app icon, opaque background
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.
- AppIcon-1024.pngExisting path · 1024 × 1024 · PNG · Xcode AppIcon.appiconset
macOS app icon, opaque background
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.
- 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
Dark 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
Windows msix scale, opaque background
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.
- 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
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.
- 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.
- scruggs-tire-alignment-social-share-image-full-color-dark-1280.pngPreferred name · 1280 × 640 · PNG · Social sharing
- scruggs-tire-alignment-social-share-image-full-color-dark.svgPreferred name · 1280 × 640 · SVG · Social sharing
- scruggs-tire-alignment-social-image-1280.pngExisting path · 1280 × 640 · PNG · Social sharing
- scruggs-tire-alignment-social-preview-1280.pngExisting alias · 1280 × 640 · PNG · Social sharing
- scruggs-tire-alignment-social-image.svgExisting path · 1280 × 640 · SVG · Social sharing
- scruggs-tire-alignment-social-preview.svgExisting alias · 1280 × 640 · SVG · Social sharing
