Skip to main content
Brand
Changelogv0.44

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.

Light surfacePrimary wordmark
Dark surfaceApproved dark artwork

Compact identity

Favicon scale

compactLogo
16px
32px
48px
Dark

Semantic system

Brand colour

data-brand
PrimaryIdentitySecondarySupportAccentHighlightNeutralContent
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.

Brand PrimaryAnchor identity & CTAs
Token
--semantic-brand-primary
Class
bg-primary
Brand AccentHighlights & accents
Token
--semantic-brand-accent
Class
bg-accent
Surface 1Card surfaces & chrome
Token
--semantic-surface-1
Class
bg-base-100
ContentBody & headings text
Token
--semantic-content-primary
Class
text-base-content
InformativeInformation & neutral cues
Token
--semantic-status-informative
Class
text-info
SuccessPositive & confirm states
Token
--semantic-status-success
Class
text-success
WarningCaution & warning states
Token
--semantic-status-warning
Class
text-warning
ErrorDestructive & error states
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.

Heading typefaceMarcellus
--brandOS-font-heading
Display specimen

CWS 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
Body typefaceSource Serif 4
--brandOS-font-body
Reading specimen

Clear 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

Registry-resolved visual contract

One resolved source for every visual rule

Version 1.1.0, effective . Every rule below is generated from the canonical registry projection.

Resolution fingerprintThree-source effective identity
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.

Authored Direct
6
Inherited Shared
0
Defaulted System
6
01

Colour and accessible pairings

authored

Token usage, print values, gradients, accent discipline, and derived WCAG pairings.

29 resolved values
PrimaryBrand Primary
AccentBrand Accent
SurfaceSurface 1
ContentContent Primary
Brand gradientPrimary to accent
InfoStatus Informative
SuccessStatus Success
WarningStatus Warning
ErrorStatus Error
Technical 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
02

Typography

authored

Font roles, the base type ladder, and sparse responsive overrides.

25 resolved values
Canonical hierarchy

A 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.
Aa
HeadingMarcellus
Text 4xl2.5–4rem
Aa
BodySource Serif 4
Text Base0.875–1rem
Aa
MetaJost
Text Sm0.75–0.875rem

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
03

Logo usage

authored

Clear space, minimum sizes, prohibited uses, and approved lockups.

35 resolved values
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
04

Registered assets

defaulted

Canonical marks, imagery, and graphic assets referenced by stable identifiers.

2 resolved values
Primary lockupLight surface
Compact markApp scale
Dark surfaceApproved artwork
Canonical profile artwork registered
Technical details2 canonical values and registry paths
Groups Assets Approved Asset Ids
No additional entriesAssets · Approved asset ids
Groups Assets Guidance
No additional entriesAssets · Guidance
05

Responsive layout

defaulted

Breakpoint ranges, containers, grids, columns, and margins.

34 resolved values
Mobile0px+
4columns
Tablet640px+
8columns
Desktop1024px+
12columns

Margins 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
06

Iconography

defaulted

Approved library, family, style, weight, licence, and custom exceptions.

12 resolved values
Family
Material Symbols
Style
Rounded
Weight
400
Licence
Apache License 2.0

No custom icon exceptions. One visual language stays consistent.

Technical 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
07

Graphic systems

defaulted

Named visual systems and their registered asset and taxonomy references.

2 resolved values
01
Core SystemBrand
0 assets
Technical details2 canonical values and registry paths
Groups Graphics Systems
No additional entriesGraphics · Systems
Groups Graphics Taxonomies
No additional entriesGraphics · Taxonomies
08

Imagery direction

authored

Photography, product imagery, composition, subject, and treatment guidance.

11 resolved values
02 · Subject

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.

03 · Treatment

Apply one repeatable crop, contrast, and surface treatment.

Direction is governed without unapproved stock imagery
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
09

Shared components

defaulted

Shared component participation and bounded state-token overrides.

8 resolved values
CWS Trust interfaceShared system
FoundationActions and fields
04 states
Primary actionSecondary
Helper text follows the field.Valid
FeedbackStatus and content
Live
ApprovedIn reviewDraft
Brand-ready componentSemantic tokens control every state.
Next reviewIdentity system check
Aug 28
Registry coverageGoverned participation1
Button2 state overrides
Shared primitives inherit this brand without component-specific colour values.
Technical 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
10

Data visualisation

defaulted

Categorical, sequential, and diverging palette intent derived from brand tokens.

10 resolved values
Categorical3 roles
Sequential2 steps
Diverging2 steps

Brand-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
11

Motion

authored

Governed motion variance, timing, easing, and reduced-motion expectations.

9 resolved values
Easing
Ease SmoothProgress over time, arrive gently, never snap
Duration scale
Duration Fast

Reduced-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
12

Prose guidance

authored

Human-readable direction distributed with the effective visual specification.

9 resolved values
Working principlesClear direction for consistent decisions
01
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.
Human-readable guidance
02
Use the legal name "2023 CWS Family Trust" on first reference; do not expand or interpret the initials.
Human-readable guidance
03
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.

14 verified
Contrast5.61:1
AA text
Foreground--semantic-brand-accent-contentSurface--semantic-brand-accent
Standard text
AA passAAA fail
Large text
AA passAAA pass
Contrast13.21:1
AAA text
Foreground--semantic-brand-primary-contentSurface--semantic-brand-primary
Standard text
AA passAAA pass
Large text
AA passAAA pass
Contrast9.26:1
AAA text
Foreground--semantic-brand-secondary-contentSurface--semantic-brand-secondary
Standard text
AA passAAA pass
Large text
AA passAAA pass
Contrast18.24:1
AAA text
Foreground--semantic-neutral-contentSurface--semantic-neutral-base
Standard text
AA passAAA pass
Large text
AA passAAA pass
Contrast7.19:1
AAA text
Foreground--semantic-status-error-contentSurface--semantic-status-error
Standard text
AA passAAA pass
Large text
AA passAAA pass
Contrast7.34:1
AAA text
Foreground--semantic-status-informative-contentSurface--semantic-status-informative
Standard text
AA passAAA pass
Large text
AA passAAA pass
Contrast7.60:1
AAA text
Foreground--semantic-status-success-contentSurface--semantic-status-success
Standard text
AA passAAA pass
Large text
AA passAAA pass
Contrast7.24:1
AAA text
Foreground--semantic-status-warning-contentSurface--semantic-status-warning
Standard text
AA passAAA pass
Large text
AA passAAA pass
Contrast5.69:1
AA text
Foreground--semantic-content-mutedSurface--semantic-surface-1
Standard text
AA passAAA fail
Large text
AA passAAA pass
Contrast18.24:1
AAA text
Foreground--semantic-content-primarySurface--semantic-surface-1
Standard text
AA passAAA pass
Large text
AA passAAA pass
Contrast5.34:1
AA text
Foreground--semantic-content-mutedSurface--semantic-surface-2
Standard text
AA passAAA fail
Large text
AA passAAA pass
Contrast16.91:1
AAA text
Foreground--semantic-content-primarySurface--semantic-surface-2
Standard text
AA passAAA pass
Large text
AA passAAA pass
Contrast4.98:1
AA text
Foreground--semantic-content-mutedSurface--semantic-surface-3
Standard text
AA passAAA fail
Large text
AA passAAA pass
Contrast15.26:1
AAA text
Foreground--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.

03Application
surfaces
02
Light mode surface

Trust document cover

Brand ready
03
Dark mode surface

cws.family family portal

Brand ready

06 · Delivery

Drop in anywhere

Three lines and an attribute, the whole 2023 CWS Family Trust brand renders from CDN.

  1. 01
    LoadGlobal tokens
  2. 02
    ThemeCWS Trust
  3. 03
    RenderEvery component
index.htmlComplete CDN setupHTMLVersion pinned
<link rel="stylesheet" href="https://brand.snyder.tech/cdn/0.44.6/themes/global-tokens.css" />
<link rel="stylesheet" href="https://brand.snyder.tech/cdn/0.44.6/themes/cwstrust-brand.css" />
<script type="module" src="https://brand.snyder.tech/cdn/0.44.6/index.js"></script>
<html data-brand="cwstrust" data-theme="light">
Registered assets

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
brand-mark.inkRecommended themeable markTypeScriptVersion pinned
// 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 ...?react
Implementation libraryAlternative asset recipesImage, background and favicon patterns3 recipes
logo.htmlFixed artwork imageHTMLVersion pinned
<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"
/>
mark.cssCSS background recipeCSSVersion pinned
.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;
}
favicon.htmlBrowser favicon setupHTMLVersion pinned
<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
cwstrust-cdn-manifest.txtVersioned asset inventoryManifestVersion pinned
# 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
Machine-readable manifest.json, all brands in this version