Foundations
Foundations are the lowest-level visual primitives in the GospeLib design system. Every component, pattern, and screen is built from these atomic decisions. Changing a foundation ripples upward through the entire product, so each value is chosen deliberately and documented precisely.
What Foundations Cover
- Color — the full palette, semantic roles, doctrinal taxonomy colors, and dark-mode mappings.
- Typography — the type scale, font stacks, reading-optimized line heights, and script-specific choices for Greek, Hebrew, and Syriac.
- Icons — the icon library, sizing grid, stroke conventions, and when to use filled vs. outlined variants.
- Elevation — shadow tokens, layering order, and how Paper and Chrome surfaces relate in z-space.
- Motion — easing curves, duration tokens, gesture physics, and haptic feedback conventions.
Pages
| Page | Description |
|---|---|
| Colors | Full palette, semantic tokens, doctrinal color taxonomy |
| Typography | Type scale, font stacks, reading line heights |
| Icons | Icon library, sizing grid, stroke conventions |
| Elevation | Shadow tokens, surface layering, z-order |
| Motion | Easing curves, duration tokens, gesture physics, haptics |