Design System
Internal use only - not indexed
Last updated: Apr 30, 2025
Colors
Primary
primary
var(--color-primary)
#1a73e8
primary-light
var(--color-primary-light)
#4285f4
primary-dark
var(--color-primary-dark)
#1557b0
Typography
Heading 1 (text-4xl)
Font: System UI, font-weight: bold
Heading 2 (text-3xl)
Font: System UI, font-weight: bold
Heading 3 (text-2xl)
Font: System UI, font-weight: bold
Heading 4 (text-xl)
Font: System UI, font-weight: bold
Normal paragraph text (text-base)
Font: System UI, font-weight: normal
Small text (text-sm)
Font: System UI, font-weight: normal
Gradients
Primary gradient
bg-gradient-to-r from-primary to-primary-light
background: linear-gradient(to right, var(--color-primary), var(--color-primary-light));CSS Variables
CSS Variables from configuration
| Variable Name | Value | Preview |
|---|---|---|
| Primary Colors | ||
| --color-primary | #ff0000 | |
| --color-primary-light | #4285f4 | |
| --color-primary-dark | #1557b0 | |
| Secondary Colors | ||
| --color-secondary | #34a853 | |
| --color-secondary-light | #46c167 | |
| --color-secondary-dark | #2d8644 | |
| Accent Color | ||
| --color-accent | #fbbc05 | |
| Text Colors | ||
| --color-text | #202124 | |
| --color-text-light | #5f6368 | |
| --color-text-muted | #9aa0a6 | |
| Background Colors | ||
| --color-background | #ffffff | |
| --color-background-alt | #f8f9fa | |
| --color-background-dark | #f1f3f4 | |