Internal Reference
Style Guide
Component library and design system reference. Not linked in navigation. Use this page for QA and development reference.
Colors
Primary
#1295D8 Primary Dark
#005581 Primary Light
#BDE3F6 Accent
#FFB511 Accent Dark
#FF6E1B UC Blue Secondary
#005581 UC Light Blue
#72CDF4 UC Gold 2
#FFD200 Text
#005581 Text Muted
#4C4C4C BG Alt
#F4F7FB Success
#1D7A3A Pending
#B45309 Error
#C53030 Typography
Display
--text-display Heading 1
--text-4xl Heading 2
--text-3xl Heading 3
--text-2xl Heading 4
--text-xl Large Body
--text-lg Base Body — The quick brown fox jumps over the lazy dog.
--text-base Small — The quick brown fox jumps over the lazy dog.
--text-sm Extra Small — Labels, captions, meta.
--text-xs Monospace — code, kbd, pre
--font-mono Buttons
Tags
Status Badges
September 29, 2025 In progress TBD
Cards
Default Card
Standard card with border. Used for content grouping.
Elevated Card
Card with shadow, no border. Used for featured content.
Linked Card →
Hover to see interaction state. Entire card is clickable.
Section Header
Initiative
Supporting CalCompute
CalCompute volunteers are working to accelerate, inform, and strengthen the CalCompute initiative established by California SB-53.
Centered variant
Equitable AI for California
Public compute infrastructure that serves researchers, startups, and communities.
Person Card
Article Card
Placeholder State
No articles yet
Get Involved →Breadcrumb
Form Fields
Maximum 280 characters.
0 / 280
Upload your CV or resume. PDF, DOC, or DOCX. Maximum 5MB.