Brand Colors

Primary — Invictus Blue

Invictus Blue#0A2540
RGB 10, 37, 64 • CMYK 98/82/47/51
Tone 1#0E3258
RGB 14, 50, 88 • CMYK 100/84/39/32
Tone 2#164371
RGB 22, 67, 113 • CMYK 99/79/30/16
Tone 3#245B96
RGB 36, 91, 150 • CMYK 92/69/15/2

Secondary — Electric Blue

Electric Blue#4BA9DF
RGB 75, 169, 223 • CMYK 64/18/0/0
Tone 1#3097D2
RGB 48, 151, 210 • CMYK 73/28/0/0
Tone 2#51BAF6
RGB 81, 186, 246 • CMYK 57/11/0/0
Tone 3#85D3FF
RGB 133, 211, 255 • CMYK 41/3/0/0

Accent — Twilight Blue

Twilight Blue#5D758B
RGB 93, 117, 139 • CMYK 69/48/33/7
Tone 1#425466
RGB 66, 84, 102 • CMYK 77/61/43/24
Tone 2#97A9BA
RGB 151, 169, 186 • CMYK 43/27/19/0
Tone 3#CFD8E3
RGB 207, 216, 227 • CMYK 17/10/5/0

Interface Scale

Seven-step neutral scale. Inverts symmetrically in dark mode.

Light Mode
Softest#FDFDFD
Softer#F8F8FC
Soft#D9D9E3
Medium#8B8BA7
Strong#3D444D
Stronger#0D1117
Strongest#0A0A0A
Dark Mode
Softest#0D1117
Softer#0A0A0A
Soft#3D444D
Medium#8B8BA7
Strong#D9D9E3
Stronger#F8F8FC
Strongest#FDFDFD

Semantic Colors

Shown on interface softest — light mode on #FDFDFD, dark mode on #0D1117.

Success
Light Mode
#01A11EForecolor
#EBF7EDBackground
Dark Mode
#80D08FForecolor
#0B2E18Background
Warning
Light Mode
#E68E16Forecolor
#FBF5EBBackground
Dark Mode
#F2BF72Forecolor
#382812Background
Danger
Light Mode
#D70015Forecolor
#FAEBEDBackground
Dark Mode
#E67782Forecolor
#350E17Background
Info
Light Mode
#005DD7Forecolor
#EBF2FABackground
Dark Mode
#80AEEBForecolor
#0A203DBackground

Logo Lockups

Light variants (artwork is light) shown on Invictus Blue. Dark variants (artwork is dark) shown on white. Transparent PNGs on checkerboard. Missing files appear as broken images.

Combination Mark
Primary full logo — icon + wordmark. Preferred in most contexts.
Combination Mark — Light
logos/combination-mark/triumph-combination-mark-light.svg
LightSVG
Combination Mark — Light
logos/combination-mark/triumph-combination-mark-light-256.png
LightPNG256Transparent
Combination Mark — Light
logos/combination-mark/triumph-combination-mark-light-512.png
LightPNG512Transparent
Combination Mark — Light
logos/combination-mark/triumph-combination-mark-light-1024.png
LightPNG1024Transparent
Combination Mark — Dark
logos/combination-mark/triumph-combination-mark-dark.svg
DarkSVG
Combination Mark — Dark
logos/combination-mark/triumph-combination-mark-dark-256.png
DarkPNG256Transparent
Combination Mark — Dark
logos/combination-mark/triumph-combination-mark-dark-512.png
DarkPNG512Transparent
Combination Mark — Dark
logos/combination-mark/triumph-combination-mark-dark-1024.png
DarkPNG1024Transparent
Logo Mark (Icon Only)
Submark for avatars, favicons, and limited space.
Logo Mark — Light
logos/logo-mark/triumph-logo-mark-light.svg
LightSVG
Logo Mark — Light
logos/logo-mark/triumph-logo-mark-light-256.png
LightPNG256Transparent
Logo Mark — Light
logos/logo-mark/triumph-logo-mark-light-512.png
LightPNG512Transparent
Logo Mark — Light
logos/logo-mark/triumph-logo-mark-light-1024.png
LightPNG1024Transparent
Logo Mark — Dark
logos/logo-mark/triumph-logo-mark-dark.svg
DarkSVG
Logo Mark — Dark
logos/logo-mark/triumph-logo-mark-dark-256.png
DarkPNG256Transparent
Logo Mark — Dark
logos/logo-mark/triumph-logo-mark-dark-512.png
DarkPNG512Transparent
Logo Mark — Dark
logos/logo-mark/triumph-logo-mark-dark-1024.png
DarkPNG1024Transparent
Wordmark
Text-only version of the Triumph Tech logotype.
Wordmark — Light
logos/wordmark/triumph-wordmark-light.svg
LightSVG
Wordmark — Light
logos/wordmark/triumph-wordmark-light-256.png
LightPNG256Transparent
Wordmark — Light
logos/wordmark/triumph-wordmark-light-512.png
LightPNG512Transparent
Wordmark — Light
logos/wordmark/triumph-wordmark-light-1024.png
LightPNG1024Transparent
Wordmark — Dark
logos/wordmark/triumph-wordmark-dark.svg
DarkSVG
Wordmark — Dark
logos/wordmark/triumph-wordmark-dark-256.png
DarkPNG256Transparent
Wordmark — Dark
logos/wordmark/triumph-wordmark-dark-512.png
DarkPNG512Transparent
Wordmark — Dark
logos/wordmark/triumph-wordmark-dark-1024.png
DarkPNG1024Transparent

Digital Revival

Triumph Tech's rallying cry for transformation — helping churches reimagine and revitalize their digital presence.
Digital Revival — Light
sub-brands/digital-revival/digital-revival-light.svg
LightSVG
Digital Revival — Light
sub-brands/digital-revival/digital-revival-light-256.png
LightPNG256Transparent
Digital Revival — Light
sub-brands/digital-revival/digital-revival-light-512.png
LightPNG512Transparent
Digital Revival — Light
sub-brands/digital-revival/digital-revival-light-1024.png
LightPNG1024Transparent
Digital Revival — Dark
sub-brands/digital-revival/digital-revival-dark.svg
DarkSVG
Digital Revival — Dark
sub-brands/digital-revival/digital-revival-dark-256.png
DarkPNG256Transparent
Digital Revival — Dark
sub-brands/digital-revival/digital-revival-dark-512.png
DarkPNG512Transparent
Digital Revival — Dark
sub-brands/digital-revival/digital-revival-dark-1024.png
DarkPNG1024Transparent

Rock Cloud

The Premiere Cloud Hosting Platform for Rock. Managed by the highest-rated partner in the Rock community. Trusted by the leading Rock churches.

Light variant for use on dark backgrounds; dark variant for use on light backgrounds.
Rock Cloud — Light
sub-brands/rock-cloud/rock-cloud-light.svg
LightSVG
Rock Cloud — Light
sub-brands/rock-cloud/rock-cloud-light-256.png
LightPNG256Transparent
Rock Cloud — Light
sub-brands/rock-cloud/rock-cloud-light-512.png
LightPNG512Transparent
Rock Cloud — Light
sub-brands/rock-cloud/rock-cloud-light-1024.png
LightPNG1024Transparent
Rock Cloud — Dark
sub-brands/rock-cloud/rock-cloud-dark.svg
DarkSVG
Rock Cloud — Dark
sub-brands/rock-cloud/rock-cloud-dark-256.png
DarkPNG256Transparent
Rock Cloud — Dark
sub-brands/rock-cloud/rock-cloud-dark-512.png
DarkPNG512Transparent
Rock Cloud — Dark
sub-brands/rock-cloud/rock-cloud-dark-1024.png
DarkPNG1024Transparent

Avatar

Compact brand icon for org avatars, profile images, and partner listings.

Avatar — Light
logos/avatar/triumph-avatar-light.svg
LightSVG
Avatar — Dark
logos/avatar/triumph-avatar-dark.svg
DarkSVG
Avatar — Transparent
logos/avatar/triumph-avatar-transparent-256.png
PNG256Transparent
Avatar — Transparent
logos/avatar/triumph-avatar-transparent-512.png
PNG512Transparent
Avatar — Transparent
logos/avatar/triumph-avatar-transparent-1024.png
PNG1024Transparent
Avatar — Light on Primary
logos/avatar/triumph-avatar-light-256.png
LightPNG256Primary bg
Avatar — Light on Primary
logos/avatar/triumph-avatar-light-512.png
LightPNG512Primary bg
Avatar — Light on Primary
logos/avatar/triumph-avatar-light-1024.png
LightPNG1024Primary bg
Avatar — Dark on Softest
logos/avatar/triumph-avatar-dark-256.png
DarkPNG256Softest bg
Avatar — Dark on Softest
logos/avatar/triumph-avatar-dark-512.png
DarkPNG512Softest bg
Avatar — Dark on Softest
logos/avatar/triumph-avatar-dark-1024.png
DarkPNG1024Softest bg

Magnus — Mascot

For internal and playful contexts only. Never a replacement for official brand logos.

Full Body
assets/personas/magnus/magnus-full-body.svg
SVGTransparent bg
Head
assets/personas/magnus/magnus-head.svg
SVGTransparent bg
Head — Invictus bg
assets/personas/magnus/magnus-head-bg-invictus.svg
SVGInvictus bg baked in
Icon
assets/personas/magnus/magnus-icon.svg
SVGTransparent bg
Icon — Invictus bg
assets/personas/magnus/magnus-icon-bg-invictus.svg
SVGInvictus bg baked in

Leaders

Partner headshots for use in marketing materials, community-facing content, and internal communications.

Emily Forman — Partner

Emily is a senior leader of Spark and co-founder of the Rock consulting firm Triumph Tech. She enjoys working with the churches and partners that make up the Rock community, and tackles many of the operational aspects of running a non-profit, as well as moderating the RockCast podcast. She is passionate about understanding and connecting people, taking on the hard projects, traveling with her family and changing the world one smile at a time.

Avatar
assets/personas/emily-forman/emily-forman-avatar-256.png
PNG256
Avatar
assets/personas/emily-forman/emily-forman-avatar-512.png
PNG512
Avatar
assets/personas/emily-forman/emily-forman-avatar-1024.png
PNG1024

Jon Edmiston — Partner

Jon Edmiston is an Executive Director at Spark Development Network, Founding Partner of the consulting firm Triumph Tech, one of the core and original developers of Rock RMS, lead technical architect, Rock community leader, and founding vision-caster of the Rock project. He approaches life with curiosity and a determination to deliver excellence.

Avatar
assets/personas/jon-edmiston/jon-edmiston-avatar-256.png
PNG256
Avatar
assets/personas/jon-edmiston/jon-edmiston-avatar-512.png
PNG512
Avatar
assets/personas/jon-edmiston/jon-edmiston-avatar-1024.png
PNG1024

Nick Airdo — Partner

Former developer at Central Christian Church (AZ), Nick now works at Triumph Tech as a technical lead and developer. He has been involved with ChMS developer communities since 2004.

Avatar
assets/personas/nick-airdo/nick-airdo-avatar-256.png
PNG256
Avatar
assets/personas/nick-airdo/nick-airdo-avatar-512.png
PNG512
Avatar
assets/personas/nick-airdo/nick-airdo-avatar-1024.png
PNG1024

Embellishments

Blueprint-style decorative elements. Gray — suitable for both light and dark contexts.

Arc

Use at section edges or corners to frame content and introduce organic curvature to an otherwise structured layout. Works well as a transitional element between sections.

SVG — Light bg (#FDFDFD)
SVG — Dark bg (#0A2540)
Arc
assets/embellishments/embellishment-arc-256.png
PNG256
Arc
assets/embellishments/embellishment-arc-512.png
PNG512
Arc
assets/embellishments/embellishment-arc-1024.png
PNG1024
Registration

Apply in compositions where technical precision is the emphasis — callouts, data-driven sections, or layouts that benefit from an engineered aesthetic. Use sparingly to preserve its intentional feel.

SVG — Light bg (#FDFDFD)
SVG — Dark bg (#0A2540)
Registration
assets/embellishments/embellishment-registration-256.png
PNG256
Registration
assets/embellishments/embellishment-registration-512.png
PNG512
Registration
assets/embellishments/embellishment-registration-1024.png
PNG1024
Web

Place behind hero sections or full-width content blocks to add depth and visual texture. Intended as a large-scale background fill — keep it behind all foreground elements and reduce opacity as needed.

SVG — Light bg (#FDFDFD)
SVG — Dark bg (#0A2540)
Web
assets/embellishments/embellishment-web-256.png
PNG256
Web
assets/embellishments/embellishment-web-512.png
PNG512
Web
assets/embellishments/embellishment-web-1024.png
PNG1024
Gear

Deploy in technical or product-focused contexts to reinforce themes of process, automation, and innovation. Use sparingly as a supporting detail rather than a dominant element.

SVG — Light bg (#FDFDFD)
SVG — Dark bg (#0A2540)
Gear
assets/embellishments/embellishment-gear-256.png
PNG256
Gear
assets/embellishments/embellishment-gear-512.png
PNG512
Gear
assets/embellishments/embellishment-gear-1024.png
PNG1024

Goldman Sans

Sole authorized typeface for all Triumph Tech communications.

100 / Thin
Diligent Innovation
300 / Light
Diligent Innovation
400 / Regular
Diligent Innovation
400 / Italic
Diligent Innovation
500 / Medium
Diligent Innovation
500 / Med Italic
Diligent Innovation
700 / Bold
Diligent Innovation
700 / Bold Italic
Diligent Innovation
900 / Black
Diligent Innovation
Character Set — Regular 400
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&*()[]{}

Border Radius

none
0px
Tables, code blocks, image containers
sm
4px
Badges, tags, input fields
md
8px
Default — cards, buttons, modals
lg
12px
Feature cards, callout boxes
xl
16px
Hero sections, large cards