Visual identity
Independent Wrestling TV
Premier streaming platform for independent professional wrestling, with live events and VOD from worldwide promotions.
Compact identity
Favicon scale
logoSvgSemantic system
Brand colour
data-brand- Brand ID
- iwtv
- Token package
- @brandos/tokens/css/iwtv
- Heading
- Inter
- Body
- Inter
01.01 · Iwtv Navy ramp
19 shades of Iwtv Navy
Iwtv Navy identity ramp generated from canonical iwtv token data.
01.02 · Iwtv Red ramp
19 shades of Iwtv Red
Iwtv Red identity ramp generated from canonical iwtv token data.
01.03 · Iwtv Gray ramp
19 shades of Iwtv Gray
Iwtv Gray identity ramp generated from canonical iwtv token data.
01.04 · Semantic slots
Meaning over hue
Components consume semantic slots, never raw ramps. The hue can evolve; the meaning shouldn't.
- Token
--semantic-brand-primary- Class
bg-primary
- Token
--semantic-brand-accent- Class
bg-accent
- Token
--semantic-surface-1- Class
bg-base-100
- Token
--semantic-content-primary- Class
text-base-content
- Token
--semantic-status-informative- Class
text-info
- Token
--semantic-status-success- Class
text-success
- Token
--semantic-status-warning- Class
text-warning
- Token
--semantic-status-error- Class
text-error
02 · Typography
Inter on display · Inter for everything else
Heading and body families resolve from the canonical effective specification and its font registry.
--brandOS-font-headingIWTV moves with purpose.
- Family
- Inter
- Registry ID
- inter
- Primary use
- Display and hierarchy
- H1 · DisplayThe system in practice
- H2 · Section89 brands, one system
- H3 · CardProfile contract
- Size
- 4xl
- Leading
- Tight
- Weight
- Bold
--brandOS-font-bodyClear systems make complex decisions feel simple, consistent, and unmistakably on brand.
- Family
- Inter
- Registry ID
- inter
- Primary use
- Reading and interface
- LedeA clear, generous opening that orients the reader fast.
- BodyStandard paragraph text. The quick brown fox jumps over the lazy dog.
- CaptionSmall print, footnotes, and metadata.
- Size
- Base
- Leading
- Normal
- Weight
- Regular
03 · Effective specification
One resolved source for every visual rule
Version 1.0.0, effective . Every rule below is generated from the canonical registry projection.
- 01Defaults
- 1.0.0
- 02Brand
- 1.0.0
- 03Content
- 7176bea546ab386b3ea30b7a10261e1e506311ce0d2d07c791db4a8c0984a061
- Inherited Shared
- 0
- Defaulted System
- 10
01Colour and accessible pairings
defaultedToken usage, print values, gradients, accent discipline, and derived WCAG pairings.
20 resolved values
Colour and accessible pairings
defaultedToken usage, print values, gradients, accent discipline, and derived WCAG pairings.
20 resolved valuesTechnical details20 canonical values and registry paths
- Accent Token Refs 0
- --semantic-brand-primary
groups.colors.accentTokenRefs[0] - Accent Token Refs 1
- --semantic-brand-accent
groups.colors.accentTokenRefs[1] - Body Surface Token Ref
- --semantic-surface-1
groups.colors.bodySurfaceTokenRef - Body Text Token Ref
- --semantic-content-primary
groups.colors.bodyTextTokenRef - Direction
- 135deg
groups.colors.gradients[0].direction - From Token Ref
- --semantic-brand-primary
groups.colors.gradients[0].fromTokenRef - Id
- brand-accent
groups.colors.gradients[0].id - To Token Ref
- --semantic-brand-accent
groups.colors.gradients[0].toTokenRef - Enforceable
- No
groups.colors.guidance[0].enforceable - Id
- accessible-color-use
groups.colors.guidance[0].id - Text
- Use canonical content pairs for text on semantic surfaces and status fills.
groups.colors.guidance[0].text - Groups Colors Print Values
- No additional entries
groups.colors.printValues - Content Token Ref
- --semantic-status-error-content
groups.colors.status.error.contentTokenRef - Token Ref
- --semantic-status-error
groups.colors.status.error.tokenRef - Content Token Ref
- --semantic-status-informative-content
groups.colors.status.informative.contentTokenRef - Token Ref
- --semantic-status-informative
groups.colors.status.informative.tokenRef - Content Token Ref
- --semantic-status-success-content
groups.colors.status.success.contentTokenRef - Token Ref
- --semantic-status-success
groups.colors.status.success.tokenRef - Content Token Ref
- --semantic-status-warning-content
groups.colors.status.warning.contentTokenRef - Token Ref
- --semantic-status-warning
groups.colors.status.warning.tokenRef
02Typography
Font roles, the base type ladder, and sparse responsive overrides.
12 resolved values
Typography
Font roles, the base type ladder, and sparse responsive overrides.
12 resolved valuesA distinct voice, built to scale.
The quick brown fox jumps over the lazy dog. Clear typography gives every branded surface a recognisable rhythm.
Caption and supporting metadata remain readable at compact sizes.The base hierarchy scales without brand-specific overrides.
Technical details12 canonical values and registry paths
- Font Id
- inter
groups.typography.baseLadder[0].fontId - Id
- heading
groups.typography.baseLadder[0].id - Line Height Token Ref
- --brandOS-leading-tight
groups.typography.baseLadder[0].lineHeightTokenRef - Size Token Ref
- --brandOS-text-4xl
groups.typography.baseLadder[0].sizeTokenRef - Weight Token Ref
- --brandOS-font-weight-bold
groups.typography.baseLadder[0].weightTokenRef - Font Id
- inter
groups.typography.baseLadder[1].fontId - Id
- body
groups.typography.baseLadder[1].id - Line Height Token Ref
- --brandOS-leading-normal
groups.typography.baseLadder[1].lineHeightTokenRef - Size Token Ref
- --brandOS-text-base
groups.typography.baseLadder[1].sizeTokenRef - Weight Token Ref
- --brandOS-font-weight-regular
groups.typography.baseLadder[1].weightTokenRef - Groups Typography Guidance
- No additional entries
groups.typography.guidance - Groups Typography Responsive Overrides
- No additional entries
groups.typography.responsiveOverrides
03Logo usage
defaultedClear space, minimum sizes, prohibited uses, and approved lockups.
8 resolved values
Logo usage
defaultedClear space, minimum sizes, prohibited uses, and approved lockups.
8 resolved valuesClear space: Space 4
Technical details8 canonical values and registry paths
- Clear Space Token Ref
- --brandOS-space-4
groups.logos.clearSpaceTokenRef - Groups Logos Co Branding Rules
- No additional entries
groups.logos.coBrandingRules - Context
- Primary digital lockup
groups.logos.minimumSizes[0].context - Id
- digital-primary
groups.logos.minimumSizes[0].id - Width Px
- 120
groups.logos.minimumSizes[0].widthPx - Enforceable
- No
groups.logos.prohibitedUses[0].enforceable - Id
- do-not-distort
groups.logos.prohibitedUses[0].id - Text
- Do not stretch, skew, recolour, or otherwise distort a registered mark.
groups.logos.prohibitedUses[0].text
04Registered assets
defaultedCanonical marks, imagery, and graphic assets referenced by stable identifiers.
2 resolved values
Registered assets
defaultedCanonical marks, imagery, and graphic assets referenced by stable identifiers.
2 resolved valuesTechnical details2 canonical values and registry paths
- Groups Assets Approved Asset Ids
- No additional entries
groups.assets.approvedAssetIds - Groups Assets Guidance
- No additional entries
groups.assets.guidance
05Responsive layout
defaultedBreakpoint ranges, containers, grids, columns, and margins.
34 resolved values
Responsive layout
defaultedBreakpoint ranges, containers, grids, columns, and margins.
34 resolved valuesMargins and containers expand progressively while content order stays stable.
Technical details34 canonical values and registry paths
- Columns
- 4
groups.responsiveLayout.breakpoints[0].columns - Grid Id
- mobile-grid
groups.responsiveLayout.breakpoints[0].gridId - Id
- mobile
groups.responsiveLayout.breakpoints[0].id - Margin Token Ref
- --brandOS-space-4
groups.responsiveLayout.breakpoints[0].marginTokenRef - Max Viewport Px
- 639
groups.responsiveLayout.breakpoints[0].maxViewportPx - Min Viewport Px
- 0
groups.responsiveLayout.breakpoints[0].minViewportPx - Columns
- 8
groups.responsiveLayout.breakpoints[1].columns - Container Width Px
- 960
groups.responsiveLayout.breakpoints[1].containerWidthPx - Grid Id
- tablet-grid
groups.responsiveLayout.breakpoints[1].gridId - Id
- tablet
groups.responsiveLayout.breakpoints[1].id - Margin Token Ref
- --brandOS-space-6
groups.responsiveLayout.breakpoints[1].marginTokenRef - Max Viewport Px
- 1023
groups.responsiveLayout.breakpoints[1].maxViewportPx - Min Viewport Px
- 640
groups.responsiveLayout.breakpoints[1].minViewportPx - Columns
- 12
groups.responsiveLayout.breakpoints[2].columns - Container Width Px
- 1280
groups.responsiveLayout.breakpoints[2].containerWidthPx - Grid Id
- desktop-grid
groups.responsiveLayout.breakpoints[2].gridId - Id
- desktop
groups.responsiveLayout.breakpoints[2].id - Margin Token Ref
- --brandOS-space-8
groups.responsiveLayout.breakpoints[2].marginTokenRef - Min Viewport Px
- 1024
groups.responsiveLayout.breakpoints[2].minViewportPx - Columns
- 4
groups.responsiveLayout.grids[0].columns - Gutter Token Ref
- --brandOS-space-4
groups.responsiveLayout.grids[0].gutterTokenRef - Id
- mobile-grid
groups.responsiveLayout.grids[0].id - Margin Token Ref
- --brandOS-space-4
groups.responsiveLayout.grids[0].marginTokenRef - Columns
- 8
groups.responsiveLayout.grids[1].columns - Gutter Token Ref
- --brandOS-space-5
groups.responsiveLayout.grids[1].gutterTokenRef - Id
- tablet-grid
groups.responsiveLayout.grids[1].id - Margin Token Ref
- --brandOS-space-6
groups.responsiveLayout.grids[1].marginTokenRef - Columns
- 12
groups.responsiveLayout.grids[2].columns - Gutter Token Ref
- --brandOS-space-6
groups.responsiveLayout.grids[2].gutterTokenRef - Id
- desktop-grid
groups.responsiveLayout.grids[2].id - Margin Token Ref
- --brandOS-space-8
groups.responsiveLayout.grids[2].marginTokenRef - Enforceable
- No
groups.responsiveLayout.guidance[0].enforceable - Id
- content-first-responsive
groups.responsiveLayout.guidance[0].id - Text
- Choose responsive changes from content pressure and the declared non-overlapping ranges.
groups.responsiveLayout.guidance[0].text
06Iconography
defaultedApproved library, family, style, weight, licence, and custom exceptions.
12 resolved values
Iconography
defaultedApproved library, family, style, weight, licence, and custom exceptions.
12 resolved valuesTechnical details12 canonical values and registry paths
- Groups Iconography Custom Icon Asset Ids
- No additional entries
groups.iconography.customIconAssetIds - Enforceable
- No
groups.iconography.guidance[0].enforceable - Id
- icons-are-symbols
groups.iconography.guidance[0].id - Text
- Use the approved library for interface symbols; register custom brand marks as assets.
groups.iconography.guidance[0].text - Family
- Material Symbols
groups.iconography.library.family - Id
- material-symbols-rounded
groups.iconography.library.id - Name
- Apache License 2.0
groups.iconography.library.license.name - Reference
- https://github.com/google/material-design-icons/blob/master/LICENSE
groups.iconography.library.license.reference - Spdx Id
- Apache-2.0
groups.iconography.library.license.spdxId - Source
- https://fonts.google.com/icons
groups.iconography.library.source - Style
- Rounded
groups.iconography.library.style - Weight
- 400
groups.iconography.library.weight
07Graphic systems
defaultedNamed visual systems and their registered asset and taxonomy references.
2 resolved values
Graphic systems
defaultedNamed visual systems and their registered asset and taxonomy references.
2 resolved valuesTechnical details2 canonical values and registry paths
- Groups Graphics Systems
- No additional entries
groups.graphics.systems - Groups Graphics Taxonomies
- No additional entries
groups.graphics.taxonomies
08Imagery direction
Photography, product imagery, composition, subject, and treatment guidance.
14 resolved values
Imagery direction
Photography, product imagery, composition, subject, and treatment guidance.
14 resolved valuesVivid red (--semantic-brand-primary) is the primary identity anchor, use it for CTAs, badges, and high-energy moments.
Near-black backgrounds create the dramatic, arena-atmosphere aesthetic that defines the IWTV experience.
Apply one repeatable crop, contrast, and surface treatment.
Technical details14 canonical values and registry paths
- Groups Imagery Approved Asset Ids
- No additional entries
groups.imagery.approvedAssetIds - Enforceable
- No
groups.imagery.photography[0].enforceable - Id
- imagery-01
groups.imagery.photography[0].id - Text
- Vivid red (--semantic-brand-primary) is the primary identity anchor, use it for CTAs, badges, and high-energy moments.
groups.imagery.photography[0].text - Enforceable
- No
groups.imagery.photography[1].enforceable - Id
- imagery-02
groups.imagery.photography[1].id - Text
- Near-black backgrounds create the dramatic, arena-atmosphere aesthetic that defines the IWTV experience.
groups.imagery.photography[1].text - Enforceable
- No
groups.imagery.photography[2].enforceable - Id
- imagery-03
groups.imagery.photography[2].id - Text
- Inter typography delivers clean, legible content at every scale from mobile schedules to desktop event listings.
groups.imagery.photography[2].text - Enforceable
- No
groups.imagery.photography[3].enforceable - Id
- imagery-04
groups.imagery.photography[3].id - Text
- Imagery should capture the energy, athleticism, and passion of independent wrestling, authentic, action-first, crowd-inclusive.
groups.imagery.photography[3].text - Groups Imagery Product Imagery
- No additional entries
groups.imagery.productImagery
09Shared components
defaultedShared component participation and bounded state-token overrides.
8 resolved values
Shared components
defaultedShared component participation and bounded state-token overrides.
8 resolved valuesTechnical details8 canonical values and registry paths
- Component Id
- button
groups.components.participation[0].componentId - Groups Components Participation 0 Guidance
- No additional entries
groups.components.participation[0].guidance - State
- default
groups.components.participation[0].stateOverrides[0].state - Token Ref
- --semantic-brand-primary
groups.components.participation[0].stateOverrides[0].tokenRef - Token Slot
- background
groups.components.participation[0].stateOverrides[0].tokenSlot - State
- default
groups.components.participation[0].stateOverrides[1].state - Token Ref
- --semantic-brand-primary-content
groups.components.participation[0].stateOverrides[1].tokenRef - Token Slot
- content
groups.components.participation[0].stateOverrides[1].tokenSlot
10Data visualisation
defaultedCategorical, sequential, and diverging palette intent derived from brand tokens.
10 resolved values
Data visualisation
defaultedCategorical, sequential, and diverging palette intent derived from brand tokens.
10 resolved valuesBrand-derived colour intent supports comparison without changing the underlying data meaning.
Technical details10 canonical values and registry paths
- Categorical Token Refs 0
- --semantic-brand-primary
groups.dataVisualization.categoricalTokenRefs[0] - Categorical Token Refs 1
- --semantic-brand-accent
groups.dataVisualization.categoricalTokenRefs[1] - Categorical Token Refs 2
- --semantic-status-informative
groups.dataVisualization.categoricalTokenRefs[2] - Diverging Token Refs 0
- --semantic-status-error
groups.dataVisualization.divergingTokenRefs[0] - Diverging Token Refs 1
- --semantic-status-success
groups.dataVisualization.divergingTokenRefs[1] - Enforceable
- No
groups.dataVisualization.guidance[0].enforceable - Id
- data-viz-contrast
groups.dataVisualization.guidance[0].id - Text
- Use semantic token references whose labels, strokes, and fills remain distinguishable without colour alone.
groups.dataVisualization.guidance[0].text - Sequential Token Refs 0
- --semantic-surface-3
groups.dataVisualization.sequentialTokenRefs[0] - Sequential Token Refs 1
- --semantic-brand-primary
groups.dataVisualization.sequentialTokenRefs[1]
11Motion
defaultedGoverned motion variance, timing, easing, and reduced-motion expectations.
5 resolved values
Motion
defaultedGoverned motion variance, timing, easing, and reduced-motion expectations.
5 resolved valuesReduced-motion behavior is required.
Technical details5 canonical values and registry paths
- Duration Token Refs 0
- --brandOS-duration-fast
groups.motion.durationTokenRefs[0] - Duration Token Refs 1
- --brandOS-duration-normal
groups.motion.durationTokenRefs[1] - Easing Token Refs 0
- --brandOS-ease-smooth
groups.motion.easingTokenRefs[0] - Groups Motion Guidance
- No additional entries
groups.motion.guidance - Reduced Motion Required
- Yes
groups.motion.reducedMotionRequired
12Prose guidance
defaultedHuman-readable direction distributed with the effective visual specification.
3 resolved values
Prose guidance
defaultedHuman-readable direction distributed with the effective visual specification.
3 resolved valuesAuthor visual guidance in the registry and regenerate every hosted and agent-readable projection.Human-readable guidance
Technical details3 canonical values and registry paths
- Enforceable
- No
groups.proseGuidance[0].enforceable - Id
- registry-first
groups.proseGuidance[0].id - Text
- Author visual guidance in the registry and regenerate every hosted and agent-readable projection.
groups.proseGuidance[0].text
04 · Accessibility
Verified accessible pairings
Live specimens rendered from canonical foreground and background tokens.
Readable by design.
--semantic-brand-accent-contentSurface--semantic-brand-accent- Standard text
- AA passAAA fail
- Large text
- AA passAAA pass
Readable by design.
--semantic-brand-primary-contentSurface--semantic-brand-primary- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
Readable by design.
--semantic-brand-secondary-contentSurface--semantic-brand-secondary- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
Readable by design.
--semantic-neutral-contentSurface--semantic-neutral-base- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
Readable by design.
--semantic-status-error-contentSurface--semantic-status-error- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
Readable by design.
--semantic-status-informative-contentSurface--semantic-status-informative- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
Readable by design.
--semantic-status-success-contentSurface--semantic-status-success- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
Readable by design.
--semantic-status-warning-contentSurface--semantic-status-warning- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
Readable by design.
--semantic-content-mutedSurface--semantic-surface-1- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
Readable by design.
--semantic-content-primarySurface--semantic-surface-1- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
Readable by design.
--semantic-content-mutedSurface--semantic-surface-2- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
Readable by design.
--semantic-content-primarySurface--semantic-surface-2- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
Readable by design.
--semantic-content-mutedSurface--semantic-surface-3- Standard text
- AA passAAA fail
- Large text
- AA passAAA pass
Readable by design.
--semantic-content-primarySurface--semantic-surface-3- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
05 · Example uses
Where IWTV shows up
Real interface patterns shaped by the same identity, semantic tokens and typography defined in this profile.
surfaces
06 · Delivery
Drop in anywhere
Three lines and an attribute, the whole Independent Wrestling TV brand renders from CDN.
- 01LoadGlobal tokens
- 02ThemeIWTV
- 03RenderEvery component
7 immutable assets
Pinned artwork for stable delivery. Themeable -ink follows the active theme, while -light and -dark variants preserve exported colour.
- Release
- v0.43.3
- Integrity
- 7/7
- Payload
- 51 KB
- 01 · Faviconiwtv-dark.svgdark artwork2.3 KBVerified
- 02 · Faviconiwtv.svgsingle artwork2.3 KBVerified
- 03 · Logoiwtv-logo-dark.svgdark artwork2.8 KBVerified
- 04 · Logoiwtv-logo-ink.svgink artwork2.8 KBVerified
- 05 · Logoiwtv-logo-light.svglight artwork2.8 KBVerified
- 06 · Logoiwtv-logo.svgsingle artwork2.8 KBVerified
- 07 · Login Bgiwtv-login-bg.svgsingle artwork35 KBVerified
// Recommended, themeable: currentColor follows the theme when inlined
import IWTVMark from '@brandos/ui/assets/brand-logos/iwtv-logo-ink.svg?raw';
// Astro: <span set:html={Mark} /> · React (SVGR): import ...?reactImplementation libraryAlternative asset recipesImage, background and favicon patterns3 recipes
<img
src="https://brand.snyder.tech/cdn/0.43.3/assets/brand-logos/iwtv-logo-dark.svg"
alt="Independent Wrestling TV"
loading="lazy"
decoding="async"
/>.iwtv-mark {
background-image: url("https://brand.snyder.tech/cdn/0.43.3/assets/brand-logos/iwtv-logo-dark.svg");
background-repeat: no-repeat;
background-size: contain;
}<link rel="icon" type="image/svg+xml" href="https://brand.snyder.tech/cdn/0.43.3/assets/brand-favicons/iwtv.svg" />Registry evidenceVersioned asset manifestPaths, sizes and integrity hashesSHA-256
# favicon · 2.3 KB
# sha256:de52d77728af4dbd8636de7339a24f4f41c696099edae8493bc761dff72ac37d
https://brand.snyder.tech/cdn/0.43.3/assets/brand-favicons/iwtv-dark.svg
# favicon · 2.3 KB
# sha256:13ea89c5a49d56b8acc04ac5c75b151faf34a839dbb51251a3d6b8422e6cea41
https://brand.snyder.tech/cdn/0.43.3/assets/brand-favicons/iwtv.svg
# logo · 2.8 KB
# sha256:576257cf6cedff38a238d26450420dd09bf1ab94307a21c0d30b98b18a69a0dc
https://brand.snyder.tech/cdn/0.43.3/assets/brand-logos/iwtv-logo-dark.svg
# logo · 2.8 KB
# sha256:bcb31be5401a6da6779c5a48be781b596d145e97847737aee4fdc13c043b6a2c
https://brand.snyder.tech/cdn/0.43.3/assets/brand-logos/iwtv-logo-ink.svg
# logo · 2.8 KB
# sha256:1295c92470cfe0d2c47f36d8001c06cbc7dbfbc2d4762e41ac83dfa30e237386
https://brand.snyder.tech/cdn/0.43.3/assets/brand-logos/iwtv-logo-light.svg
# logo · 2.8 KB
# sha256:bcb31be5401a6da6779c5a48be781b596d145e97847737aee4fdc13c043b6a2c
https://brand.snyder.tech/cdn/0.43.3/assets/brand-logos/iwtv-logo.svg
# login-bg · 35 KB
# sha256:fdf1181f3311291824bdce06f878b556ed240fe44f3a73c1996c266762380a3a
https://brand.snyder.tech/cdn/0.43.3/assets/login-bg/iwtv-login-bg.svg