White is the default ground — it creates the clean canvas most email clients reward. Off-white and navy are both used as accent grounds when a specific tone is called for: off-white for warm editorial moments, navy for special issues like pastoral letters.

White is the default — the cleanest, most contemporary option that reads well across print and digital. Navy and off-white are equal alternatives, chosen when weight (navy) or warmth (off-white) specifically serves the series.

Scripture gets display weight and becomes the hero. White is the default — it reads cleanly in hand and reproduces cheaply. Off-white is reserved for feast days or reflective seasons. Navy for Good Friday or lament services.

White is the default — the cleanest canvas for a modern site. Off-white is an equal-weight alternate, reserved for campaign microsites or editorial features. Typography and button placement remain identical across both.

White is the default — it stands out in most feeds, which skew toward photo-heavy and dark grounds. Navy and off-white are equal alternatives: navy for gravity, off-white for warmth. Rotate purposefully; don't mix all three in the same week.

Small surface, big job — the first physical touchpoint for a first-time guest. White is the default; off-white and navy are equal alternatives, with off-white bringing warmth and navy signaling staff or volunteer roles.

White is the default for all contexts. Off-white and navy are equal alternates: off-white for more pastoral roles, navy for ministry staff wanting to stand out in a stack. Don't issue all three to the same staff member.

Navy and white are equal options here — navy for weight and seriousness, white for readability and cost-effective printing at scale. Pick one and stick with it; don't rotate.

Every email gets exactly one of these. The featured block needs to punctuate — so it contrasts with whatever ground surrounds it. Navy is the strongest option; off-white is the warmer alternate. Choose based on what the rest of the email is doing.

Form fields, checkboxes, contact capture. Legibility is paramount. White is the default — maximum contrast for filled-in ink, cheapest for bulk printing. Off-white is an equal alternate when warmth matters more than economy.

Apparel is where the brand travels outside the walls. The tag itself is a small navy card or off-white card depending on the garment — navy tags on off-white cards for light garments, off-white tags on navy cards for dark ones.

Information-dense. Typography does all the work — gold appears only once, as the rule under the eyebrow. Rows separate with hairlines, not boxes. White is the default; off-white is the alternate when paired with a warmer cover.

Navy is the default for in-service slides — in a dark auditorium, navy surfaces disappear into the room and the type carries. White is only for welcome and announcement slides where maximum brightness is needed. Avoid off-white on LED walls — it can read as dirty.

Centered composition, generous whitespace. White is the default — cleanest and most legible at a glance. Off-white is the warmer alternate for ministry events with a pastoral tone.

White is the default — a pastoral letter should read as considered and direct, not precious. Off-white is reserved for specific pastoral moments (commemoration, condolence) where the warmth of the paper carries part of the message.

Navy is the default for fixed signage — high contrast with most interior walls. Off-white signage is reserved for navy-painted accent walls or feature hallways.

Smaller surface; less room for nuance. White gives maximum contrast and reads cleanly in crowded ad environments. Navy is for campaigns where the ad needs to stand out against a bright, competitor-heavy feed.

White only. Letterhead is a formal document and the clinical cleanliness of white carries the professional weight the format requires.

White is the default, matched to letterhead stock. Off-white is reserved for specific pastoral correspondence where the envelope itself is part of the communication — commemoration, personal invitations from elders.

White is the default for most resources. Off-white is reserved for reflective or devotional material where warmth is part of the experience. Navy is reserved for weighty topics — suffering, death, apologetics.

White is the default — clean and contemporary for most invitations. Off-white is reserved for ceremonial moments where the tactile warmth of the paper matters (baptism, weddings, commemorations).

Vertical format reads on phones in low-attention states. Strong contrast helps. Navy is the default for stories — it stands out in a feed of bright photos. Off-white is the quieter alternate for reflective announcements.

Three levels, consistently. Primary is navy-filled, used once per composition. Secondary is gold-underlined text in small-caps — carries most of the CTA load. Tertiary is an inline arrow, used for in-flow navigation. Same rules on light or dark grounds.

Not card-based. Typography carries the hierarchy: gold eyebrow dates, navy bold titles, muted meta. Rows separate with hairlines. White is the default; off-white is the alternate for warm weekly emails.

The gold quotation mark is the only place the brand allows a decorative flourish. White is the default. Off-white and navy are equal alternates — off-white for editorial warmth, navy for weight.

The welcome mat. One headline, one primary action, no competing moments. Centered layout for editorial warmth; split layout when a visual element earns its place.

Top-level site nav. Dark bar reads as structural; light bar reads as contemporary. Active state is a short gold underline — not a color fill. Mobile uses a bottom tab bar with one-word uppercase labels.

Each CTA gets one headline, one sentence of context, and at most two actions (primary + secondary). Navy CTA creates punctuation in a long page. Off-white CTA is the quieter default.

Card-based comparison when options need personality. Table-based comparison when dimensions need to line up precisely. The recommended option gets one gold border and one small badge — nothing else.

Form + info, side by side in a real layout. Form variant uses inputs on a warm ground. Info variant uses navy for a quiet, directory-style block. Often these appear together, form left, info right.

List view when the library is long — typography-driven, gold download labels, hairline dividers. Card view when three or fewer items are featured. Never mix the two on one page.

Accordion when answers are long and fewer items fit on screen at once. Grid when answers are short and the list is scanable. Gold plus/minus toggles; never use chevrons (they compete with the gold rules).

Three-column layout when the features are parallel and want visual symmetry. Alternating content + visual when each feature deserves its own moment. Numbered steps use a gold circle — the only place a circle shape is permitted.

Line-divided accordion for tightly packed lists (beliefs, FAQs). Boxed accordion when each item carries more visual weight (event details, registration sections).

Four-column footer for full websites where a sitemap is needed. Minimal centered footer for campaign landing pages, microsites, and single-purpose pages.

Tiered giving uses the same card pattern as product pricing — one highlighted tier, two supporting tiers. One-click giving uses amount chips on a navy ground for direct, decisive action.

Grid view for recent or featured items where visual personality matters (sermons, series, events). List view for deep archives where scanning and dates do the work.

Single large testimonial for emotional punch on a landing page. Grid of three for breadth across a story page. The gold quotation mark is the only decorative element permitted.

Row of four for full-width impact moments. Narrative pair for context-heavy annual reports or about pages. Numbers are always Inter 700, display size, with a tight letter-spacing to feel substantial.

Grid view for browsing. Detail view for a single product — image left, copy right. Swatches and size selectors use the same button treatment as the rest of the system.

Active states get a short gold underline or a 2px gold left border — never a color fill. Breadcrumbs use gold slashes instead of chevrons to stay in the system. Search icons are drawn as thin 1.5px circles, never filled.

Resting state uses a hairline border. Focused state uses a 1px gold border. Filled state uses a 0.5px navy border. Error state uses a red border with a small error message below. Never use filled input backgrounds — always white on off-white.

Dropdown caret is gold on close, flipped on open. Selected checkbox fills navy with a gold check. Selected radio shows a gold dot inside a navy ring. Option hover uses off-white, not gray.

Toggle track is navy when on, 15%-opacity navy when off. Slider fill is gold up to the thumb position, with a solid navy thumb. Date picker uses navy fills for selected dates — gold is reserved for the month-change chevrons.

Empty state uses a dashed navy border and a gold uppercase CTA. Selected state shows file metadata with a subtle thumbnail and a gold close button. Never use colorful file-type icons.

One primary per composition — navy fill, off-white text, uppercase small-caps. Secondary is the outlined version. Tertiary is a gold-underlined text link. Icon buttons are 36px squares; FAB is a 52px navy circle with a gold plus. Segmented controls use a navy fill to indicate the active segment.

Toasts use navy fill with a gold accent icon and gold action text. Snackbars carry an undo-style action. Modals use off-white cards on a navy overlay at 55% opacity. Only one modal on screen at a time.

Inline alerts use a 3px gold left border for information, red for errors. Tooltips are navy with a gold accent, attached by a small triangle. The anchor uses a subtle gold underline so the user knows it's tappable.

Progress fill is gold on a 15%-opacity navy track. Spinners use a gold arc on a muted track. Skeletons use soft navy tints — never gray — so they still feel like Soteria Church while loading.

Numeric badges use gold fill with navy numerals — the one place where gold is allowed as a small filled shape. Status chips match the button system: filled for active state, outlined for neutral, red variant for destructive.

Cards stay flat — hairline borders only, never shadows. List rows separate with hairlines, use circular avatars with the person's initials. Tabs mark the active tab with a 2px gold underline.

Carousel uses a gold line pagination — never dots. Bottom sheet uses a rounded top corner and a small handle bar. Side panel is 55% width on tablets, full width on mobile, with a gold close icon.

Tables use hairline row dividers, never full borders. Status chips inside cells follow the same button treatment. Charts use opacity-stepped navy bars with gold highlighting the most recent or current data point — never a rainbow palette.

Avatars use two-letter initials on a muted fill — no photos by default. Chips follow button conventions. Stepper uses gold for completed, navy for active, hairline for future. Empty states use dashed borders with a small circular icon.

Status bar uses navy to match the app header. Push notifications use a gold timestamp eyebrow. In-app banners use navy background with gold dismiss action — subtle but visible.