Generated from theme.json, the machine-readable source every framework adapter under integrations/ is built from, and from each stylesheet in tokens/.
| Field |
Value |
name |
Patterson Companies Design System |
version |
1.1.0 |
brand |
Patterson Companies, Inc. |
promise |
Trusted Expertise. Unrivaled Support. |
namespace |
PattersonCompaniesDesignSystem_3534f9 |
description |
Canonical, machine-readable record of the Patterson theme. Mirrors the CSS custom properties in tokens/*.css and is the single source the framework adapters in integrations/ are generated from. Shaped to the Theme UI theme spec (https://theme-ui.com/theme-spec) so it can be consumed directly by Theme UI, and mapped verbatim by the Tailwind v4, UnoCSS and shadcn/ui adapters. |
note |
Edit tokens/*.css and this file together so they never drift — every adapter reads from these values. Colors are the exact Patterson brand hexes; do not re-derive or replace them. |
fontLicense |
Typekit kit rul6mjk ships ONLY 400, 400i, 700, 700i. Weights 300/500/600/800/900 are browser-synthesized (faux). 700 is the real bold ceiling. |
verifiedAgainst |
theme-styles.min.css (production Patterson theme), icons.woff (93-glyph official icon font), typekit kit rul6mjk (published 2024-08-01) |
| Section |
Kind |
Entries |
useCustomProperties |
boolean |
1 |
useBorderBox |
boolean |
1 |
colors |
object |
50 |
fonts |
object |
4 |
fontWeights |
object |
9 |
fontSizes |
object |
11 |
lineHeights |
object |
5 |
letterSpacings |
object |
5 |
space |
object |
13 |
sizes |
object |
5 |
radii |
object |
10 |
borderWidths |
object |
2 |
shadows |
object |
8 |
transitions |
object |
6 |
text |
object |
7 |
buttons |
object |
7 |
cards |
object |
2 |
badges |
object |
7 |
forms |
object |
5 |
links |
object |
2 |
styles |
object |
8 |
| File |
Custom properties parsed |
Reference |
tokens/base.css |
0 |
Base |
tokens/colors.css |
91 |
Colors |
tokens/effects.css |
19 |
Effects |
tokens/fonts.css |
3 |
Fonts |
tokens/icons.css |
5 |
Icons |
tokens/spacing.css |
36 |
Spacing |
tokens/typography.css |
61 |
Typography |
Edit tokens/*.css and theme.json together so they never drift — this page and the per-file pages regenerate from both on every build.
