Skip to content
watermark.org logo

Bible Church | Dallas, Texas | Watermark Community Church

watermark.org

Bible Church | Dallas, Texas | Watermark Community Church presents a professional web presence.

professional

Color Palette

Colors

#de7130

primary

#6c757d

secondary

#ffffff

background

#ffffff

surface

#28312f

text

#48565a

secondaryText

#3998b3

link

#48565a

muted

#007bff

accent

#dfdeda

border


Typography

Fonts

Lato

body
400
600
self-hosted

montserrat, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol

lato

heading
700
self-hosted

sans-serif

DM Serif Display

heading
400
self-hosted

serif

Oswald

heading
400
self-hosted
body

The quick brown fox

h1

The quick brown fox

h2

The quick brown fox

h3

The quick brown fox

h4

The quick brown fox

h5

The quick brown fox


Components

Design System

outline
outline
4px
#000000
Learn About Watermark
secondary
0px
#ffffff#212529
plan your weekend visit
primary
0px
#de7130#ffffff

Voice & Tone

Personality

Visual Energy

5/10

Design Era

contemporary

Emotional Tone

professional

Target Audience

general audience


Design Assets

Visual Elements

Design asset
svg40×40
Design asset
png550×376
Design asset
png550×376
Design asset
png550×376
Design asset
png550×376
Design asset
png1920×1080
Design asset
png1920×1080
Design asset
png1920×1080

DESIGN.md

AI-ready

Drop into any project root. Cursor, Claude Code, v0, Lovable, and other AI coding agents read this file to generate on-brand UI. Spec

DESIGN.md not yet generated for this brand.
How to use this file

1. Save this file as DESIGN.md in your project root (sibling to README.md).

2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.

3. Validate or export tokens with the official CLI:

npx @google/design.md lint DESIGN.md
npx @google/design.md export --format tailwind DESIGN.md

Developer Access
cURL
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/watermark.org \
  -H "x-api-key: ev_your_key"

# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
  -H "x-api-key: ev_your_key"

# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
  -H "x-api-key: ev_your_key"

Extract your own brand kit

Get colors, fonts, voice, and personality from any website in seconds. Open source.