Visual identity

CWS Family Foundation

The CWS Family Foundation is a future nonprofit set up by the grandchildren of Clyde W. Snyder, who write its mission and elect its priorities each year, with annual funding from the 2023 CWS Family Trust beginning in 2028.

cws.foundation

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: cwsfnd
Token package: @brandos/tokens/css/cwsfnd
Heading: Marcellus
Body: Source Serif 4

01.01 · Cwsfndharbor ramp

19 shades of Cwsfndharbor

Cwsfndharbor identity ramp generated from canonical cwsfnd token data.

01.02 · Cwsfndsunrise ramp

19 shades of Cwsfndsunrise

Cwsfndsunrise identity ramp generated from canonical cwsfnd token data.

01.03 · Cwsfndreed ramp

19 shades of Cwsfndreed

Cwsfndreed identity ramp generated from canonical cwsfnd token data.

01.04 · Cwsfndstone ramp

19 shades of Cwsfndstone

Cwsfndstone identity ramp generated from canonical cwsfnd token data.

01.05 · 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 Family Foundation 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.0.0, effective 2026-09-28. Every rule below is generated from the canonical registry projection.

Resolution fingerprintThree-source effective identity

01Defaults: 1.0.0
02Brand: 1.0.0
03Content: rev 997061a4

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

Colour and accessible pairings

authored

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

26 resolved values

PrimaryBrand Primary

AccentBrand Accent

SurfaceSurface 1

ContentContent Primary

Brand gradientPrimary to accent

InfoStatus Informative

SuccessStatus Success

WarningStatus Warning

ErrorStatus Error

Technical details26 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: harbor-carries-the-pageColors · Guidance · #1 · Id
Text: Harbor lake-blue (--semantic-brand-primary) carries headings, the mark, rules and primary actions on the shared stone paper (--semantic-surface-1).Colors · Guidance · #1 · Text
Enforceable: NoColors · Guidance · #2 · Enforceable
Id: one-sunriseColors · Guidance · #2 · Id
Text: Sunrise (--semantic-brand-accent) is the bobber: the mark accent, the hairline rule under the name and at most one highlight per view. Use the 600 stop or darker for text.Colors · Guidance · #2 · Text
Enforceable: NoColors · Guidance · #3 · Enforceable
Id: reed-for-reflectionsColors · Guidance · #3 · Id
Text: Reed (--semantic-brand-secondary) is for reflections, reeds and secondary tags, never body text.Colors · Guidance · #3 · Text
Enforceable: NoColors · Guidance · #4 · Enforceable
Id: shared-paperColors · Guidance · #4 · Id
Text: Stone is shared with the 2023 CWS Family Trust so trust and foundation documents sit on the same paper; never add metallics.Colors · Guidance · #4 · 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

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.

HeadingMarcellus

Text 4xl2.5–4rem

BodySource Serif 4

Text Base0.875–1rem

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

Logo usage

authored

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

38 resolved values

Clear space: Space 4

Full lockup (cwsfnd-logo): the Cast mark beside CWS FAMILY / FOUNDATION in two justified Marcellus lines standing on the waterline160px minimum

Tagline lockup (cwsfnd-logo-tagline): the full lockup over a sunrise rule and Stay close. Make time. Do good. in Source Serif 4 Italic220px minimum

Compact lockup (cwsfnd-logo-compact): the Cast mark over the two-line name96px minimum

The Cast mark alone (cwsfnd-mark): the loop, the bobber on the waterline and two half-ripples24px minimum

Rounded tile (brand-favicons/cwsfnd) for favicons and avatars16px minimum

Do not stretch, skew, rotate, outline or add effects to a registered mark.

Do not retypeset the name or descriptor in a live font; use the outlined registered artwork.

Describe the mark only as a cast line that loops into a C and lands its bobber on the water. No fish, religious symbols, targets or three-of-anything symbolism.

Technical details38 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: funded-by-the-trust-noteLogos · Co branding rules · #1 · Guidance · #1 · Id
Text: Beside the 2023 CWS Family Trust, each appears in its own registered brand at matched optical height; the shared stone paper and lockup grammar make them a family.Logos · Co branding rules · #1 · Guidance · #1 · Text
Id: funded-by-the-trustLogos · Co branding rules · #1 · Id
Spacing Token Ref: --brandOS-space-6Logos · Co branding rules · #1 · Spacing token ref
Context: Full lockup (cwsfnd-logo): the Cast mark beside CWS FAMILY / FOUNDATION in two justified Marcellus lines standing on the waterlineLogos · Minimum sizes · #1 · Context
Id: logoLogos · Minimum sizes · #1 · Id
Width Px: 160Logos · Minimum sizes · #1 · Width px
Context: Tagline lockup (cwsfnd-logo-tagline): the full lockup over a sunrise rule and Stay close. Make time. Do good. in Source Serif 4 ItalicLogos · Minimum sizes · #2 · Context
Id: logo-taglineLogos · Minimum sizes · #2 · Id
Width Px: 220Logos · Minimum sizes · #2 · Width px
Context: Compact lockup (cwsfnd-logo-compact): the Cast mark over the two-line nameLogos · Minimum sizes · #3 · Context
Id: logo-compactLogos · Minimum sizes · #3 · Id
Width Px: 96Logos · Minimum sizes · #3 · Width px
Context: The Cast mark alone (cwsfnd-mark): the loop, the bobber on the waterline and two half-ripplesLogos · Minimum sizes · #4 · Context
Id: markLogos · Minimum sizes · #4 · Id
Width Px: 24Logos · Minimum sizes · #4 · Width px
Context: Rounded tile (brand-favicons/cwsfnd) for favicons and avatarsLogos · Minimum sizes · #5 · Context
Id: faviconLogos · Minimum sizes · #5 · Id
Width Px: 16Logos · Minimum sizes · #5 · Width px
Primary Asset Id: cwsfnd-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 or descriptor in a live font; use the outlined registered artwork.Logos · Prohibited uses · #2 · Text
Enforceable: NoLogos · Prohibited uses · #3 · Enforceable
Id: describe-the-mark-plainlyLogos · Prohibited uses · #3 · Id
Text: Describe the mark only as a cast line that loops into a C and lands its bobber on the water. No fish, religious symbols, targets or three-of-anything symbolism.Logos · Prohibited uses · #3 · Text
Enforceable: NoLogos · Prohibited uses · #4 · Enforceable
Id: tagline-verbatimLogos · Prohibited uses · #4 · Id
Text: The tagline is Stay close. Make time. Do good. exactly, and only from the registered tagline lockup or as live text in Source Serif 4 Italic. Never pair the logo with in honor of or in memory of.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.Logos · Prohibited uses · #5 · Text

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

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

Responsive layout

defaulted

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

34 resolved values

Mobile0px+

Tablet640px+

Desktop1024px+

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

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

Graphic systems

defaulted

Named visual systems and their registered asset and taxonomy references.

2 resolved values

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

Imagery direction

authored

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

11 resolved values

01 · Composition

Water, shoreline, boats and open sky in natural late-afternoon light; family photographs warm and unfiltered. Never stock charity imagery or hands-holding-globe cliches.

02 · Subject

Illustrations are hand-cut line drawings in harbor on stone with one sunrise element each (bobber, sun or lure) and reed for reflections: the cast arc, flattened half-ripples on a flat waterline, reeds, a pontoon, a dock, a half sun.

03 · Treatment

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: water-and-lightImagery · Photography · #1 · Id
Text: Water, shoreline, boats and open sky in natural late-afternoon light; family photographs warm and unfiltered. Never stock charity imagery or hands-holding-globe cliches.Imagery · Photography · #1 · Text
Enforceable: NoImagery · Photography · #2 · Enforceable
Id: fishing-line-languageImagery · Photography · #2 · Id
Text: Illustrations are hand-cut line drawings in harbor on stone with one sunrise element each (bobber, sun or lure) and reed for reflections: the cast arc, flattened half-ripples on a flat waterline, reeds, a pontoon, a dock, a half sun.Imagery · Photography · #2 · Text
Enforceable: NoImagery · Photography · #3 · Enforceable
Id: people-doing-togetherImagery · Photography · #3 · Id
Text: Show people doing things together (fishing, gathering, voting, mentoring), never posed as recipients.Imagery · Photography · #3 · Text
Groups Imagery Product Imagery: No additional entriesImagery · Product imagery

Shared components

defaulted

Shared component participation and bounded state-token overrides.

8 resolved values

CWS Family Foundation interfaceShared system

FoundationActions and fields

04 states

Primary actionSecondary

Email addressname@company.com

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

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

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

Motion

authored

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

7 resolved values

Easing

Ease SmoothProgress over time, arrive gently, never snap

Duration scale

Duration FastDuration Normal

Reduced-motion behavior is required.

Technical details7 canonical values and registry paths

Duration Token Refs 0: --brandOS-duration-fastMotion · Duration token refs · #1
Duration Token Refs 1: --brandOS-duration-normalMotion · Duration token refs · #2
Easing Token Refs 0: --brandOS-ease-smoothMotion · Easing token refs · #1
Enforceable: NoMotion · Guidance · #1 · Enforceable
Id: cast-onceMotion · Guidance · #1 · Id
Text: Entrances draw once (the cast arc, the bobber landing, two ripples): stroke draw-on, opacity and transform only, within 1.4 seconds. A subtle ripple loop is allowed only on the hero while in view and never under prefers-reduced-motion.Motion · Guidance · #1 · Text
Reduced Motion Required: YesMotion · Reduced motion required

Prose guidance

authored

Human-readable direction distributed with the effective visual specification.

6 resolved values

Working principlesClear direction for consistent decisions

Civic and hopeful, in the grandchildren own voice (we, our grandfather), concrete about process: mission drafts, annual votes, trust funding from 2028.

Human-readable guidance

Say future nonprofit or being formed until the IRS determination is in hand; never claim tax-exempt status early.

Human-readable guidance

Technical details6 canonical values and registry paths

Enforceable: NoProse guidance · #1 · Enforceable
Id: grandchildren-voiceProse guidance · #1 · Id
Text: Civic and hopeful, in the grandchildren own voice (we, our grandfather), concrete about process: mission drafts, annual votes, trust funding from 2028.Prose guidance · #1 · Text
Enforceable: NoProse guidance · #2 · Enforceable
Id: future-nonprofitProse guidance · #2 · Id
Text: Say future nonprofit or being formed until the IRS determination is in hand; never claim tax-exempt status early.Prose guidance · #2 · Text

04 · Accessibility

Verified accessible pairings

Live specimens rendered from canonical foreground and background tokens.

14 verified

Contrast6.53:1

AA text

Foreground--semantic-brand-accent-contentSurface--semantic-brand-accent

Standard text: AA passAAA fail
Large text: AA passAAA pass

Contrast9.23:1

AAA text

Foreground--semantic-brand-primary-contentSurface--semantic-brand-primary

Standard text: AA passAAA pass
Large text: AA passAAA pass

Contrast5.91:1

AA text

Foreground--semantic-brand-secondary-contentSurface--semantic-brand-secondary

Standard text: AA passAAA fail
Large text: AA passAAA pass

Contrast15.06: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

Contrast15.06: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

Contrast10.73:1

AAA text

Foreground--semantic-content-primarySurface--semantic-surface-2

Standard text: AA passAAA pass
Large text: AA passAAA pass

Contrast4.96:1

AA text

Foreground--semantic-content-mutedSurface--semantic-surface-3

Standard text: AA passAAA fail
Large text: AA passAAA pass

Contrast7.06: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 Family Foundation shows up

Real interface patterns shaped by the same identity, semantic tokens and typography defined in this profile.

03Application
surfaces

06 · Delivery

Drop in anywhere

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

01
LoadGlobal tokens
02
ThemeCWS Family Foundation
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/cwsfnd-brand.css" />
<script type="module" src="https://brand.snyder.tech/cdn/0.44.6/index.js"></script>
<html data-brand="cwsfnd" data-theme="light">

Registered assets

14 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: 14/14
Payload: 118 KB

01 · Faviconcwsfnd-dark.svgdark artwork745 BVerified
02 · Faviconcwsfnd.svgsingle artwork740 BVerified
03 · Logocwsfnd-logo-compact-dark.svgdark artwork8.8 KBVerified
04 · Logocwsfnd-logo-compact-ink.svgink artwork8.8 KBVerified
05 · Logocwsfnd-logo-compact-light.svglight artwork8.8 KBVerified
06 · Logocwsfnd-logo-dark.svgdark artwork9.2 KBVerified
07 · Logocwsfnd-logo-ink.svgink artwork9.1 KBVerified
08 · Logocwsfnd-logo-light.svglight artwork9.2 KBVerified
09 · Logocwsfnd-logo-tagline-dark.svgdark artwork20 KBVerified
10 · Logocwsfnd-logo-tagline-ink.svgink artwork20 KBVerified
11 · Logocwsfnd-logo-tagline-light.svglight artwork20 KBVerified
12 · Logocwsfnd-mark-dark.svgdark artwork813 BVerified
13 · Logocwsfnd-mark-ink.svgink artwork774 BVerified
14 · Logocwsfnd-mark-light.svglight artwork814 BVerified

brand-mark.inkRecommended themeable markTypeScriptVersion pinned

// Recommended, themeable: currentColor follows the theme when inlined
import CWSFamilyFoundationMark from '@brandos/ui/assets/brand-logos/cwsfnd-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/cwsfnd-logo-compact-dark.svg"
  alt="CWS Family Foundation"
  loading="lazy"
  decoding="async"
/>

mark.cssCSS background recipeCSSVersion pinned

.cwsfnd-mark {
  background-image: url("https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwsfnd-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/cwsfnd.svg" />

Registry evidenceVersioned asset manifestPaths, sizes and integrity hashesSHA-256

cwsfnd-cdn-manifest.txtVersioned asset inventoryManifestVersion pinned

# favicon · 745 B
# sha256:1e155e2f97dbf705e9f325e4a6191598805e249a25d01cfe93532e76d7d9ee62
https://brand.snyder.tech/cdn/0.44.6/assets/brand-favicons/cwsfnd-dark.svg

# favicon · 740 B
# sha256:3c0604d635c9fc5f7b261beae35557094e39c5726550fee063fbf8d6b8f60999
https://brand.snyder.tech/cdn/0.44.6/assets/brand-favicons/cwsfnd.svg

# logo · 8.8 KB
# sha256:397028e990e6beaa8dba5bb5f1df7fd16e7ead141c0486bd70518515b04a26cf
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwsfnd-logo-compact-dark.svg

# logo · 8.8 KB
# sha256:5458b40bc2d501a942905b15b4a1bfcc3bfa48dc840ccdeb4c9c05a428c17ad6
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwsfnd-logo-compact-ink.svg

# logo · 8.8 KB
# sha256:8f4fa05750c246d8183e974f2cf1950691b08864afe9ec5c23b5b993f202d48d
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwsfnd-logo-compact-light.svg

# logo · 9.2 KB
# sha256:ac924db3f440bd016582921b3dbe7caa6179779bbcea7c1dd49473edb5737792
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwsfnd-logo-dark.svg

# logo · 9.1 KB
# sha256:f6244b1145521fb518e2b65544baa5a45e5f562638a2443d5429bc355cdf05cd
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwsfnd-logo-ink.svg

# logo · 9.2 KB
# sha256:d6145bacb76b3fde9eb9816514edc7dd40604454e23159b8f60f530df2b39f88
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwsfnd-logo-light.svg

# logo · 20 KB
# sha256:841083784d71c6fdc7a95b87468a9799ad4ddea9e1f622be055a9b4696cfa781
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwsfnd-logo-tagline-dark.svg

# logo · 20 KB
# sha256:eb10d2ca1bfdfee3ed4a71ac10f35cb27ed74ad946a5a9bb7a6f3e9b3cdb48e4
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwsfnd-logo-tagline-ink.svg

# logo · 20 KB
# sha256:b95ea8aa0669c65fd32f85edc87997c8d0f8c42185c4b105ee91d38e3cff9994
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwsfnd-logo-tagline-light.svg

# logo · 813 B
# sha256:5cad63dc4ad6a8e4b22febdbce981b31371f9712c023faa88829087ab979f6d0
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwsfnd-mark-dark.svg

# logo · 774 B
# sha256:5cfa5d4df9e06d1ef271b743626f010ee16ec94ab10e6112cf806615c51a311e
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwsfnd-mark-ink.svg

# logo · 814 B
# sha256:4acf819290138b0f246e0197ef2bc8f5626f8cda2b435dac4a6bed7d52ecd5f8
https://brand.snyder.tech/cdn/0.44.6/assets/brand-logos/cwsfnd-mark-light.svg

Machine-readable manifest.json, all brands in this version