Brand
Media kit & theme guide
Official BibleSlides colors, logos, fonts, and chrome tokens. Use these for press, church communications, and any UI that should match the product.
Rule
Stick to the theme colors
App chrome (projects, editor shell, marketing, native tablet apps) must use the logo palette from src/lib/design-tokens.ts. Do not introduce new accent blues, Material blues, or legacy teal #285570. Accent is logo tan. Dark surfaces are slate. Light pages use cream, not gray-50.
Logo palette
Core colors
Slate
#2b323a
Tan
#d29b6c
Gray
#8b929a
Rust
#a45a2b
White
#ffffff
Cream bg
#f5f3f0
Surface
#ffffff
Border
#ddd8d2
Tan hover
#b88455
App chrome
Light & dark themes
APP_LIGHT_THEME
Background
#f5f3f0
Surface
#ffffff
Accent
#d29b6c
Text
#2b323a
APP_DARK_THEME
Background
#2b323a
Surface
#343c45
Accent
#d29b6c
Text
#e8eaed
Token aliases still named “teal” in code resolve to logo tan (#d29b6c). Prefer importing COLOR_LOGO_TAN, COLOR_LOGO_SLATE, and APP_LIGHT_THEME / APP_DARK_THEME directly.
Typography
Fonts
UI / marketing
Geist Sans
Aa Bb Cc — Present Scripture with clarity
Eyebrows / labels
Geist Mono
BRAND · THEME · MEDIA KIT
Slide headings (warm-neutral default)
Raleway
Teaching the Word
Slide body (warm-neutral default)
Libre Baskerville
In the beginning was the Word, and the Word was with God.
Assets
Logos & downloads
Logo mark (SVG)
Quadrant cross mark — preferred for app icons and small UI
Download
Logo mark (PNG)
Transparent PNG for slides and docs
Download
Logo lockup (SVG)
Mark + wordmark for headers and print
Download
Logo lockup (PNG)
Transparent PNG lockup
Download
QR code
Links to bibleslides.app
Download
Also available in-repo under media kit/ for print bifolds and booklets. Keep clear space around the mark; do not recolor the quadrant cross except on solid slate or cream.
Reference
Source of truth
src/lib/design-tokens.ts— colors, radii, button stylesdocs/UI_THEME.md— full UI styling guide- Logo swatches: slate #2b323a, tan #d29b6c, gray #8b929a, rust #a45a2b, soft gray #c7c7c7