Visual identity
2023 CWS Family Trust
The 2023 CWS Family Trust, a South Dakota directed trust and long-term holder of the family’s interests.
Compact identity
Favicon scale
compactLogoSemantic system
Brand colour
data-brand- Brand ID
- cwstrust
- Token package
- @brandos/tokens/css/cwstrust
- Heading
- Marcellus
- Body
- Source Serif 4
01.01 · Cwsfjord ramp
19 shades of Cwsfjord
Cwsfjord identity ramp generated from canonical cwstrust token data.
01.02 · Cwssage ramp
19 shades of Cwssage
Cwssage identity ramp generated from canonical cwstrust token data.
01.03 · Cwsstone ramp
19 shades of Cwsstone
Cwsstone identity ramp generated from canonical cwstrust 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
Marcellus on display · Source Serif 4 for everything else
Heading and body families resolve from the canonical effective specification and its font registry.
--brandOS-font-headingCWS Trust moves with purpose.
- Family
- Marcellus
- Registry ID
- marcellus
- Primary use
- Display and hierarchy
- H1 · DisplayThe system in practice
- H2 · Section106 brands, one system
- H3 · CardProfile contract
- Size
- 4xl
- Leading
- Tight
- Weight
- Regular
--brandOS-font-bodyClear systems make complex decisions feel simple, consistent, and unmistakably on brand.
- Family
- Source Serif 4
- Registry ID
- source-serif-4
- 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
- Relaxed
- Weight
- Regular
03 · Effective specification
One resolved source for every visual rule
Version 1.1.0, effective . Every rule below is generated from the canonical registry projection.
- 01Defaults
- 1.0.0
- 02Brand
- 1.1.0
- 03Content
- rev d0c4f6e7
The content revision is a checksum of the authored specification. It changes whenever any rule changes, so two profiles with the same revision are guaranteed identical.
- Inherited Shared
- 0
- Defaulted System
- 6
01Colour and accessible pairings
Token usage, print values, gradients, accent discipline, and derived WCAG pairings.
29 resolved values
Colour and accessible pairings
Token usage, print values, gradients, accent discipline, and derived WCAG pairings.
29 resolved valuesTechnical details29 canonical values and registry paths
- Accent Token Refs 0
- --semantic-brand-primaryColors · Accent token refs · #1
- Accent Token Refs 1
- --semantic-brand-accentColors · Accent token refs · #2
- Body Surface Token Ref
- --semantic-surface-1Colors · Body surface token ref
- Body Text Token Ref
- --semantic-content-primaryColors · Body text token ref
- Groups Colors Gradients
- No additional entriesColors · Gradients
- Enforceable
- NoColors · Guidance · #1 · Enforceable
- Id
- fjord-carries-the-pageColors · Guidance · #1 · Id
- Text
- Deep fjord teal-ink (--semantic-brand-primary) carries headings, rules, the mark and the wordmark on warm stone paper (--semantic-surface-1). It is the voice of every trust document.Colors · Guidance · #1 · Text
- Enforceable
- NoColors · Guidance · #2 · Enforceable
- Id
- sage-sparinglyColors · Guidance · #2 · Id
- Text
- Sage (--semantic-brand-accent) appears only in the core of the mark, the hairline rule under the name and at most one highlight per page. Never for body text, large fills or decoration.Colors · Guidance · #2 · Text
- Enforceable
- NoColors · Guidance · #3 · Enforceable
- Id
- no-metallicsColors · Guidance · #3 · Id
- Text
- The palette is ink, sage and stone. Do not add gold, brass or metallic effects; they belong to Bethlehem Capital and would blur the two identities on shared documents.Colors · Guidance · #3 · Text
- Enforceable
- NoColors · Guidance · #4 · Enforceable
- Id
- surface-portalColors · Guidance · #4 · Id
- Text
- On the cws.family portal, stone paper carries every surface and fjord carries headings, navigation and primary actions. Sage marks state only (an election open, an opt-in confirmed, a draft ready for review); status colours always come from the global status tokens.Colors · Guidance · #4 · Text
- Enforceable
- NoColors · Guidance · #5 · Enforceable
- Id
- text-on-fillsColors · Guidance · #5 · Id
- Text
- Set text on fjord or sage fills only with the matching -content token (--semantic-brand-primary-content, --semantic-brand-accent-content).Colors · Guidance · #5 · Text
- Groups Colors Print Values
- No additional entriesColors · Print values
- Content Token Ref
- --semantic-status-error-contentColors · Status · Error · Content token ref
- Token Ref
- --semantic-status-errorColors · Status · Error · Token ref
- Content Token Ref
- --semantic-status-informative-contentColors · Status · Informative · Content token ref
- Token Ref
- --semantic-status-informativeColors · Status · Informative · Token ref
- Content Token Ref
- --semantic-status-success-contentColors · Status · Success · Content token ref
- Token Ref
- --semantic-status-successColors · Status · Success · Token ref
- Content Token Ref
- --semantic-status-warning-contentColors · Status · Warning · Content token ref
- Token Ref
- --semantic-status-warningColors · Status · Warning · Token ref
02Typography
Font roles, the base type ladder, and sparse responsive overrides.
25 resolved values
Typography
Font roles, the base type ladder, and sparse responsive overrides.
25 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 details25 canonical values and registry paths
- Font Id
- marcellusTypography · Base ladder · #1 · Font id
- Id
- headingTypography · Base ladder · #1 · Id
- Line Height Token Ref
- --brandOS-leading-tightTypography · Base ladder · #1 · Line height token ref
- Size Token Ref
- --brandOS-text-4xlTypography · Base ladder · #1 · Size token ref
- Weight Token Ref
- --brandOS-font-weight-regularTypography · Base ladder · #1 · Weight token ref
- Font Id
- source-serif-4Typography · Base ladder · #2 · Font id
- Id
- bodyTypography · Base ladder · #2 · Id
- Line Height Token Ref
- --brandOS-leading-relaxedTypography · Base ladder · #2 · Line height token ref
- Size Token Ref
- --brandOS-text-baseTypography · Base ladder · #2 · Size token ref
- Weight Token Ref
- --brandOS-font-weight-regularTypography · Base ladder · #2 · Weight token ref
- Font Id
- jostTypography · Base ladder · #3 · Font id
- Id
- metaTypography · Base ladder · #3 · Id
- Line Height Token Ref
- --brandOS-leading-normalTypography · Base ladder · #3 · Line height token ref
- Size Token Ref
- --brandOS-text-smTypography · Base ladder · #3 · Size token ref
- Weight Token Ref
- --brandOS-font-weight-mediumTypography · Base ladder · #3 · Weight token ref
- Enforceable
- NoTypography · Guidance · #1 · Enforceable
- Id
- inscriptional-titlesTypography · Guidance · #1 · Id
- Text
- Marcellus sets document titles and schedule headings at display size only. It is a single-weight titling face: never for paragraphs, tables or controls.Typography · Guidance · #1 · Text
- Enforceable
- NoTypography · Guidance · #2 · Enforceable
- Id
- serif-for-readingTypography · Guidance · #2 · Id
- Text
- Source Serif 4 carries agreement text, schedules, memoranda and tables, using tabular lining figures for amounts.Typography · Guidance · #2 · Text
- Enforceable
- NoTypography · Guidance · #3 · Enforceable
- Id
- tracked-labelsTypography · Guidance · #3 · Id
- Text
- Jost is for small tracked capitals only: kickers, descriptors, footers, page numbers and form labels.Typography · Guidance · #3 · Text
- Groups Typography Responsive Overrides
- No additional entriesTypography · Responsive overrides
03Logo usage
Clear space, minimum sizes, prohibited uses, and approved lockups.
35 resolved values
Logo usage
Clear space, minimum sizes, prohibited uses, and approved lockups.
35 resolved valuesClear space: Space 4
Technical details35 canonical values and registry paths
- Clear Space Token Ref
- --brandOS-space-4Logos · Clear space token ref
- Alignment
- horizontalLogos · Co branding rules · #1 · Alignment
- Enforceable
- NoLogos · Co branding rules · #1 · Guidance · #1 · Enforceable
- Id
- parties-at-equal-weight-noteLogos · Co branding rules · #1 · Guidance · #1 · Id
- Text
- On agreements and schedules beside other parties (for example Bethlehem Capital or Glemser Foundation), each party appears in its own registered brand at matched optical height. Never restyle another party in this palette.Logos · Co branding rules · #1 · Guidance · #1 · Text
- Id
- parties-at-equal-weightLogos · Co branding rules · #1 · Id
- Spacing Token Ref
- --brandOS-space-6Logos · Co branding rules · #1 · Spacing token ref
- Context
- Full lockup (cwstrust-logo): arches on a shared foundation beside the Marcellus name, sage rule and Jost descriptorLogos · Minimum sizes · #1 · Context
- Id
- logoLogos · Minimum sizes · #1 · Id
- Width Px
- 180Logos · Minimum sizes · #1 · Width px
- Context
- Arches tile alone (brand-favicons/cwstrust) for favicons, document footers and avatarsLogos · Minimum sizes · #2 · Context
- Id
- faviconLogos · Minimum sizes · #2 · Id
- Width Px
- 16Logos · Minimum sizes · #2 · Width px
- Context
- Compact lockup (cwstrust-logo-compact): arches over the tracked name, for portal headers under 240px, mobile app bars and email headersLogos · Minimum sizes · #3 · Context
- Id
- logo-compactLogos · Minimum sizes · #3 · Id
- Width Px
- 120Logos · Minimum sizes · #3 · Width px
- Context
- Round seal (cwstrust-seal) for trustee resolutions, certificates and closing bindersLogos · Minimum sizes · #4 · Context
- Id
- sealLogos · Minimum sizes · #4 · Id
- Width Px
- 72Logos · Minimum sizes · #4 · Width px
- Primary Asset Id
- cwstrust-logo-inkLogos · Primary asset id
- Enforceable
- NoLogos · Prohibited uses · #1 · Enforceable
- Id
- do-not-distortLogos · Prohibited uses · #1 · Id
- Text
- Do not stretch, skew, rotate, outline or add effects to a registered mark.Logos · Prohibited uses · #1 · Text
- Enforceable
- NoLogos · Prohibited uses · #2 · Enforceable
- Id
- no-retypesetLogos · Prohibited uses · #2 · Id
- Text
- Do not retypeset the name, descriptor or seal ring in a live font; always use the outlined registered artwork.Logos · Prohibited uses · #2 · Text
- Enforceable
- NoLogos · Prohibited uses · #3 · Enforceable
- Id
- no-ornamentLogos · Prohibited uses · #3 · Id
- Text
- Do not add crests, laurels, stars, frames or metallic finishes to the mark or the seal.Logos · Prohibited uses · #3 · Text
- Enforceable
- NoLogos · Prohibited uses · #4 · Enforceable
- Id
- describe-the-mark-plainlyLogos · Prohibited uses · #4 · Id
- Text
- Describe the mark only as arches on a shared foundation. Do not attach a narrative or symbolism to it in copy.Logos · Prohibited uses · #4 · Text
- Enforceable
- NoLogos · Prohibited uses · #5 · Enforceable
- Id
- tone-matches-surfaceLogos · Prohibited uses · #5 · Id
- Text
- Use the dark artwork on light surfaces and the light artwork on dark surfaces; use the ink variants for single-colour print, fax and emboss.Logos · Prohibited uses · #5 · 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 entriesAssets · Approved asset ids
- Groups Assets Guidance
- No additional entriesAssets · 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
- 4Responsive layout · Breakpoints · #1 · Columns
- Grid Id
- mobile-gridResponsive layout · Breakpoints · #1 · Grid id
- Id
- mobileResponsive layout · Breakpoints · #1 · Id
- Margin Token Ref
- --brandOS-space-4Responsive layout · Breakpoints · #1 · Margin token ref
- Max Viewport Px
- 639Responsive layout · Breakpoints · #1 · Max viewport px
- Min Viewport Px
- 0Responsive layout · Breakpoints · #1 · Min viewport px
- Columns
- 8Responsive layout · Breakpoints · #2 · Columns
- Container Width Px
- 960Responsive layout · Breakpoints · #2 · Container width px
- Grid Id
- tablet-gridResponsive layout · Breakpoints · #2 · Grid id
- Id
- tabletResponsive layout · Breakpoints · #2 · Id
- Margin Token Ref
- --brandOS-space-6Responsive layout · Breakpoints · #2 · Margin token ref
- Max Viewport Px
- 1023Responsive layout · Breakpoints · #2 · Max viewport px
- Min Viewport Px
- 640Responsive layout · Breakpoints · #2 · Min viewport px
- Columns
- 12Responsive layout · Breakpoints · #3 · Columns
- Container Width Px
- 1280Responsive layout · Breakpoints · #3 · Container width px
- Grid Id
- desktop-gridResponsive layout · Breakpoints · #3 · Grid id
- Id
- desktopResponsive layout · Breakpoints · #3 · Id
- Margin Token Ref
- --brandOS-space-8Responsive layout · Breakpoints · #3 · Margin token ref
- Min Viewport Px
- 1024Responsive layout · Breakpoints · #3 · Min viewport px
- Columns
- 4Responsive layout · Grids · #1 · Columns
- Gutter Token Ref
- --brandOS-space-4Responsive layout · Grids · #1 · Gutter token ref
- Id
- mobile-gridResponsive layout · Grids · #1 · Id
- Margin Token Ref
- --brandOS-space-4Responsive layout · Grids · #1 · Margin token ref
- Columns
- 8Responsive layout · Grids · #2 · Columns
- Gutter Token Ref
- --brandOS-space-5Responsive layout · Grids · #2 · Gutter token ref
- Id
- tablet-gridResponsive layout · Grids · #2 · Id
- Margin Token Ref
- --brandOS-space-6Responsive layout · Grids · #2 · Margin token ref
- Columns
- 12Responsive layout · Grids · #3 · Columns
- Gutter Token Ref
- --brandOS-space-6Responsive layout · Grids · #3 · Gutter token ref
- Id
- desktop-gridResponsive layout · Grids · #3 · Id
- Margin Token Ref
- --brandOS-space-8Responsive layout · Grids · #3 · Margin token ref
- Enforceable
- NoResponsive layout · Guidance · #1 · Enforceable
- Id
- content-first-responsiveResponsive layout · Guidance · #1 · Id
- Text
- Choose responsive changes from content pressure and the declared non-overlapping ranges.Responsive layout · Guidance · #1 · 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 entriesIconography · Custom icon asset ids
- Enforceable
- NoIconography · Guidance · #1 · Enforceable
- Id
- icons-are-symbolsIconography · Guidance · #1 · Id
- Text
- Use the approved library for interface symbols; register custom brand marks as assets.Iconography · Guidance · #1 · Text
- Family
- Material SymbolsIconography · Library · Family
- Id
- material-symbols-roundedIconography · Library · Id
- Name
- Apache License 2.0Iconography · Library · License · Name
- Reference
- https://github.com/google/material-design-icons/blob/master/LICENSEIconography · Library · License · Reference
- Spdx Id
- Apache-2.0Iconography · Library · License · Spdx id
- Source
- https://fonts.google.com/iconsIconography · Library · Source
- Style
- RoundedIconography · Library · Style
- Weight
- 400Iconography · 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 entriesGraphics · Systems
- Groups Graphics Taxonomies
- No additional entriesGraphics · Taxonomies
08Imagery direction
Photography, product imagery, composition, subject, and treatment guidance.
11 resolved values
Imagery direction
Photography, product imagery, composition, subject, and treatment guidance.
11 resolved valuesTrust documents carry no photography. Use the mark, the seal and typographic structure only.
The cws.family site may use approved family photographs, starting with Clyde W. Snyder fishing. Use them warm and unfiltered, never as a background under text.
Apply one repeatable crop, contrast, and surface treatment.
Technical details11 canonical values and registry paths
- Groups Imagery Approved Asset Ids
- No additional entriesImagery · Approved asset ids
- Enforceable
- NoImagery · Photography · #1 · Enforceable
- Id
- no-photography-in-documentsImagery · Photography · #1 · Id
- Text
- Trust documents carry no photography. Use the mark, the seal and typographic structure only.Imagery · Photography · #1 · Text
- Enforceable
- NoImagery · Photography · #2 · Enforceable
- Id
- family-photography-on-cws-familyImagery · Photography · #2 · Id
- Text
- The cws.family site may use approved family photographs, starting with Clyde W. Snyder fishing. Use them warm and unfiltered, never as a background under text.Imagery · Photography · #2 · Text
- Enforceable
- NoImagery · Photography · #3 · Enforceable
- Id
- fishing-line-languageImagery · Photography · #3 · Id
- Text
- Illustrations are hand-cut line drawings in fjord on stone with one sage element each: the cast arc, a bobber, flattened half-ripples on a flat waterline, reeds, a pontoon, a dock, a half sun. Never clip-art fish, hooks in mouths, targets, religious icons or three-generation symbolism.Imagery · Photography · #3 · Text
- Groups Imagery Product Imagery
- No additional entriesImagery · Product imagery
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
- buttonComponents · Participation · #1 · Component id
- Groups Components Participation 0 Guidance
- No additional entriesComponents · Participation · #1 · Guidance
- State
- defaultComponents · Participation · #1 · State overrides · #1 · State
- Token Ref
- --semantic-brand-primaryComponents · Participation · #1 · State overrides · #1 · Token ref
- Token Slot
- backgroundComponents · Participation · #1 · State overrides · #1 · Token slot
- State
- defaultComponents · Participation · #1 · State overrides · #2 · State
- Token Ref
- --semantic-brand-primary-contentComponents · Participation · #1 · State overrides · #2 · Token ref
- Token Slot
- contentComponents · Participation · #1 · State overrides · #2 · Token slot
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-primaryData visualization · Categorical token refs · #1
- Categorical Token Refs 1
- --semantic-brand-accentData visualization · Categorical token refs · #2
- Categorical Token Refs 2
- --semantic-status-informativeData visualization · Categorical token refs · #3
- Diverging Token Refs 0
- --semantic-status-errorData visualization · Diverging token refs · #1
- Diverging Token Refs 1
- --semantic-status-successData visualization · Diverging token refs · #2
- Enforceable
- NoData visualization · Guidance · #1 · Enforceable
- Id
- data-viz-contrastData visualization · Guidance · #1 · Id
- Text
- Use semantic token references whose labels, strokes, and fills remain distinguishable without colour alone.Data visualization · Guidance · #1 · Text
- Sequential Token Refs 0
- --semantic-surface-3Data visualization · Sequential token refs · #1
- Sequential Token Refs 1
- --semantic-brand-primaryData visualization · Sequential token refs · #2
11Motion
Governed motion variance, timing, easing, and reduced-motion expectations.
9 resolved values
Motion
Governed motion variance, timing, easing, and reduced-motion expectations.
9 resolved valuesReduced-motion behavior is required.
Technical details9 canonical values and registry paths
- Duration Token Refs 0
- --brandOS-duration-fastMotion · Duration token refs · #1
- Easing Token Refs 0
- --brandOS-ease-smoothMotion · Easing token refs · #1
- Enforceable
- NoMotion · Guidance · #1 · Enforceable
- Id
- static-by-defaultMotion · Guidance · #1 · Id
- Text
- Trust documents are static. On cws.family, portal state changes use the fast duration.Motion · Guidance · #1 · Text
- Enforceable
- NoMotion · Guidance · #2 · Enforceable
- Id
- cast-onceMotion · Guidance · #2 · Id
- Text
- Site illustrations may draw once on entry: stroke draw-on, opacity and transform only, finishing within 1.4 seconds. A subtle ripple or bobber loop is allowed only on the hero while in view, and never under prefers-reduced-motion; no-JavaScript visitors see the finished art.Motion · Guidance · #2 · Text
- Reduced Motion Required
- YesMotion · Reduced motion required
12Prose guidance
Human-readable direction distributed with the effective visual specification.
9 resolved values
Prose guidance
Human-readable direction distributed with the effective visual specification.
9 resolved valuesTrust documents are for trustees, the trust company, attorneys, CPAs and counterparties under confidentiality. The identity may appear publicly on cws.family and partner sites (owner approval 2026-09-28); account, election, planning and administration views stay behind sign-in for family members and trust fiduciaries.Human-readable guidance
Use the legal name "2023 CWS Family Trust" on first reference; do not expand or interpret the initials.Human-readable guidance
On cws.family write warmly and plainly in the first-person plural (our family). Name Clyde W. Snyder when explaining the name; elsewhere keep the legal-name rule.Human-readable guidance
Technical details9 canonical values and registry paths
- Enforceable
- NoProse guidance · #1 · Enforceable
- Id
- private-audienceProse guidance · #1 · Id
- Text
- Trust documents are for trustees, the trust company, attorneys, CPAs and counterparties under confidentiality. The identity may appear publicly on cws.family and partner sites (owner approval 2026-09-28); account, election, planning and administration views stay behind sign-in for family members and trust fiduciaries.Prose guidance · #1 · Text
- Enforceable
- NoProse guidance · #2 · Enforceable
- Id
- legal-nameProse guidance · #2 · Id
- Text
- Use the legal name "2023 CWS Family Trust" on first reference; do not expand or interpret the initials.Prose guidance · #2 · Text
- Enforceable
- NoProse guidance · #3 · Enforceable
- Id
- family-voiceProse guidance · #3 · Id
- Text
- On cws.family write warmly and plainly in the first-person plural (our family). Name Clyde W. Snyder when explaining the name; elsewhere keep the legal-name rule.Prose guidance · #3 · Text
04 · Accessibility
Verified accessible pairings
Live specimens rendered from canonical foreground and background tokens.
--semantic-brand-accent-contentSurface--semantic-brand-accent- Standard text
- AA passAAA fail
- Large text
- AA passAAA pass
--semantic-brand-primary-contentSurface--semantic-brand-primary- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
--semantic-brand-secondary-contentSurface--semantic-brand-secondary- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
--semantic-neutral-contentSurface--semantic-neutral-base- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
--semantic-status-error-contentSurface--semantic-status-error- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
--semantic-status-informative-contentSurface--semantic-status-informative- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
--semantic-status-success-contentSurface--semantic-status-success- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
--semantic-status-warning-contentSurface--semantic-status-warning- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
--semantic-content-mutedSurface--semantic-surface-1- Standard text
- AA passAAA fail
- Large text
- AA passAAA pass
--semantic-content-primarySurface--semantic-surface-1- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
--semantic-content-mutedSurface--semantic-surface-2- Standard text
- AA passAAA fail
- Large text
- AA passAAA pass
--semantic-content-primarySurface--semantic-surface-2- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
--semantic-content-mutedSurface--semantic-surface-3- Standard text
- AA passAAA fail
- Large text
- AA passAAA pass
--semantic-content-primarySurface--semantic-surface-3- Standard text
- AA passAAA pass
- Large text
- AA passAAA pass
05 · Example uses
Where CWS Trust 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 2023 CWS Family Trust brand renders from CDN.
- 01LoadGlobal tokens
- 02ThemeCWS Trust
- 03RenderEvery component
10 immutable assets
Pinned artwork for stable delivery. Themeable -ink follows the active theme, while -light and -dark variants preserve exported colour.
- Release
- v0.44.6
- Integrity
- 10/10
- Payload
- 90 KB
- 01 · Faviconcwstrust.svgsingle artwork468 BVerified
- 02 · Logocwstrust-logo-compact-dark.svgdark artwork6.5 KBVerified
- 03 · Logocwstrust-logo-compact-ink.svgink artwork6.5 KBVerified
- 04 · Logocwstrust-logo-compact-light.svglight artwork6.5 KBVerified
- 05 · Logocwstrust-logo-dark.svgdark artwork13 KBVerified
- 06 · Logocwstrust-logo-ink.svgink artwork13 KBVerified
- 07 · Logocwstrust-logo-light.svglight artwork13 KBVerified
- 08 · Logocwstrust-seal-dark.svgdark artwork11 KBVerified
- 09 · Logocwstrust-seal-ink.svgink artwork11 KBVerified
- 10 · Logocwstrust-seal-light.svglight artwork11 KBVerified
// Recommended, themeable: currentColor follows the theme when inlined
import CWSTrustMark from '@brandos/ui/assets/brand-logos/cwstrust-logo-compact-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.44.6/assets/brand-logos/cwstrust-logo-compact-dark.svg"
alt="2023 CWS Family Trust"
loading="lazy"
decoding="async"
/>.cwstrust-mark {
background-image: url("https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwstrust-logo-compact-dark.svg");
background-repeat: no-repeat;
background-size: contain;
}<link rel="icon" type="image/svg+xml" href="https://brand.snyder.tech/cdn/0.44.6/assets/brand-favicons/cwstrust.svg" />Registry evidenceVersioned asset manifestPaths, sizes and integrity hashesSHA-256
# favicon · 468 B
# sha256:0cb6fdf4765479604219666fd81169e189d3b7ed67dca2f3233f71c2369de887
https://brand.snyder.tech/cdn/0.44.6/assets/brand-favicons/cwstrust.svg
# logo · 6.5 KB
# sha256:d4f9a737172130a216eefa50710dcb3cfc2d58eefb69daee5cba66e5491cae84
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwstrust-logo-compact-dark.svg
# logo · 6.5 KB
# sha256:4bd93170eba049e779a11ded2a0fa5e9226883adcf223d74c43ac2d83dcfde40
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwstrust-logo-compact-ink.svg
# logo · 6.5 KB
# sha256:daa1da5e22e8664cd6d285040f501e8e4d22b0ff4d499b03dd6f93a1ee56a960
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwstrust-logo-compact-light.svg
# logo · 13 KB
# sha256:02f2763542ce7b5feed6a4ead48e051868150f6fd53aad6fe4010794e06c267e
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwstrust-logo-dark.svg
# logo · 13 KB
# sha256:0bc63ab06d414a7f9f58a8888682028a79723a1d21ba7b22364ee52611f2011a
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwstrust-logo-ink.svg
# logo · 13 KB
# sha256:7ee046af294e46d6c212fb0348e45e83a744494f4a3d96bcdb098dfa16cf15c5
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwstrust-logo-light.svg
# logo · 11 KB
# sha256:b13e99adc76d00373ade2673c24664b2599a3fc5f1187c0dbafe49d33ec03858
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwstrust-seal-dark.svg
# logo · 11 KB
# sha256:a03b735c3818c5530a84ef0b39bfedda69609000ad8cedd07ed6c82c49b72d86
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwstrust-seal-ink.svg
# logo · 11 KB
# sha256:045e5bd03d138c37a906387732e16b27dd4f52f0004867097a574b221438982a
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwstrust-seal-light.svg