A complete visual identity system that covers all aspects of our brand's design for the Union County Mudturtles.
3
Typefaces
15
Colors
10
Sections
50+
Yrs RFC
01 — Foundation
Brand Story
More than a rugby club — a 50-year institution built on grit, rooted in Union County, and powered by the belief that rugby builds more than great athletes.
Mission
Grow the sport of rugby in New Jersey through competitive, community-centered programs for players of all ages — from first-time flag players to elite adult athletes.
Vision
The most respected rugby club in the region — known for winning on the pitch and for the character and camaraderie built off it.
History
Founded 50+ years ago. One men's team became one of the region's largest clubs — men's, women's, and youth programs spanning 7 towns across New Jersey.
Programs
Men's Club · Women's Club · Youth Tackle (U12–U18) · Youth Flag (7 towns). Annual flagship event: Maggot Fest. 15+ community sponsors.
GritCommunityRespectDisciplineCamaraderieLegacyInclusivityCompetitive Pride
02 — Identity
Logo System
The Mudturtles identity uses a horizontal banner wordmark. A footer variant stacks "Union County Rugby" as an eyebrow over the full "Mudturtles" logotype. Never improvise alternate arrangements.
UNION COUNTY MUDTURTLES RFC Primary · On Black
Primary lockup · White on Black · Nav & Hero
UNION COUNTY MUDTURTLES RFC Primary · On Light
Primary lockup · Black on Light
Union County Rugby
MUDTURTLES
Footer stacked wordmark · Dark bg
RFC
Icon Mark
Icon mark · Avatar & app icon use only
Clear Space
Maintain minimum clear space equal to the cap-height of "M" on all sides. No marks, text, or graphics enter this zone.
Min. clear space = cap-height of MProtected
UNION COUNTY MUDTURTLES RFC
Logo Don'ts
MUDTURTLES
Don't place on unapproved colored or gradient backgrounds.
MUDTURTLES
Don't skew, warp, stretch, or rotate the logo.
MUDTURTLES
Don't use low-contrast or unauthorized color variants.
Mudturtles RFC
Don't retype the logo in a different typeface.
03 — Color
Color Palette
Dark-first and near-monochromatic — built on near-black surfaces and white contrast. RFC Navy anchors the data layer. RFC Red is the sole action color. All hex values extracted directly from the Figma file.
Black
#000000 RGB 0, 0, 0
Hero bg, nav bar, full-bleed dark sections. Dominant surface.
Near Black
#00010f RGB 0, 1, 15
Footer background. Slightly cooler than pure black.
Used for hero photo scrims, icon fill backgrounds, and layered UI treatments.
White 55%
White 40%
White 10%
Black 85%
Black 65%
Black 55%
Black 45%
Black 35%
Black 32%
04 — Type
Typography
Three typefaces extracted from Figma font tokens. Microsport Bold owns every headline, label, nav link, and CTA. Geist handles all body copy. Geist Mono is reserved for scores, dates, and tabular data.
Microsport
Microsport:Bold
Bold — only weight used
74 in Figma
Uppercase always · not-italic
Display · Headlines · Nav · CTAs · Badges
WE ARE MUDTURTLES
Context / Layer
px Size
Letter-spacing
Line-height
Color
Live Example
h1.hero-title
106px
−2.12px
106px
#ffffff
We Are Mudturtles
Maggot Fest display
67.2px
−1.344px
67.2px
#ffffff
Maggot Fest 2026
h2.text-signup-title
51.2px
−1.024px
53.76px
#ffffff
Sign Up for Alerts
h2.section-title
44.8px
−0.896px
44.8px
#191919
League Schedule
h3.announce-title
28px
−0.56px
29.96px
#000000
Registration Now Open
a.hero-cta-primary
24px
+1.92px
normal
#fdfefd on #89160f
Calendar
Hero CTA secondary
20px
+1.2px
normal
#050317 on #fff
Youth Tackle
div.match-team name
16px
+0.64px
normal
#ffffff
Mudturtles
table.scoring-table th
18px
+0.72px
normal
#fff on #00044c
# · Team · W · L · PTS
ul.nav-links
14.4px
+0.72px
normal
#ffffff
Youth · Adults · Club · Shop
Section buttons / badges
14px
+0.84px
normal
#fff on #191919
Full Standings
h4.footer-link-group
14px
−0.28px
normal
#ffffff
Youth Tackle
Geist
Geist:Regular · Geist:Bold · Geist:SemiBold
Regular 42 · Bold 48 · SemiBold 1
All body copy · paragraphs · descriptions
The Union County Mudturtles RFC
Context
Size
Weight
Letter-spacing
Line-height
Color
p.announce-body / lead
18px
Regular
−0.54px
27.9px
#656565
Body primary
16px
Regular
−0.28px
normal
#656565
Card body / secondary
14px
Regular
−0.28px
normal
#5c5c5c
p.text-signup-subtitle
18px
Regular
−0.54px
normal
#656565
Maggot Fest eyebrow
16px
SemiBold
+5.6px
normal
#fff + text-shadow
UI labels / product names
14–16px
Bold
0
normal
#191919
Geist Mono
Geist_Mono:Medium
Medium — 9 uses in Figma
Scores · Dates · Metadata · Stats
36 – 12 · Feb 01, 2026
Reserve Geist Mono strictly for: match scores in non-headline contexts, dates and times in cards, metadata labels, location text, version strings, and tabular numeric values. In announce/news cards: date is Geist_Mono:Medium 14px uppercase #5c5c5c
05 — Interface
Components
Every UI component as it appears in Figma. All sizing, colors, fonts, spacing, radius, and shadow values are production-accurate.
Fifty years of rugby earns authority. The Mudturtles voice is direct, community-first, and grounded. Short sentences. Real copy. No filler.
We Are
Direct — no hedging, no filler phrases
Community-first — always about the players
Historically proud — 50+ years speaks
Inclusive — all ages, all levels, all welcome
Match-day urgent — result, date, place
Rugby-literate — proper terminology always
Warm but grounded — not corporate, not sappy
We Are Not
Formal or stiff — this isn't a bank
Trend-chasing or slang-heavy
Arrogant about other clubs
Verbose — every sentence earns its place
Preachy — show values, don't lecture
Sports-cliché — never "110%" or "all out"
Over-hashtagged or performatively social
✗ Avoid"We are extremely excited to announce that registration for our amazing fall season is officially open! Come join our wonderful community today!"
✓ Mudturtles"Fall season registration is open. All skill levels welcome. Spots go fast."
✗ Avoid"Our amazing players gave 110% this weekend and really showed what this team is made of! So proud! 🙌🏆 #rugby #winning"
Lead with a club-owned hashtag. Cap at 3–5 per post. Never attach trending hashtags unrelated to rugby or the club.
09 — Tokens
Design Tokens
Atomic values from the Figma file. Reference in code — never hardcode values outside this table.
Spacing (Figma-exact)
Token
Value
Figma Source / Usage
--space-4
4px
Nav dropdown chevron gap (4.674px)
--space-8
8px
Footer link list gap, card body internal gap
--space-10
10px
Button padding-bottom (pb-[10px])
--space-11
11px
Announce-card-body inner gap
--space-14
14px
Button padding-top (pt-[14px]) — all CTA buttons exact
--space-18
18px
Hero content gap, CTA row gap (gap-[18px])
--space-20
20px
Table h-padding, card h-padding (px-[20px])
--space-18-tbl
18px
Table v-padding (py-[18px])
--space-24
24px
Footer brand col gap, card body padding
--space-27
27px
Footer social icon row gap (gap-[27px])
--space-32
32px
Nav links gap
--space-40
40px
Page horizontal padding (px-[40px])
--space-60
60px
Footer columns gap
--space-120
120px
Dark section vertical padding (py-[120px])
Border Radius
Token
Value
Applied To
--r-xs
2px
All CTA buttons, nav buttons, badges (rounded-[2px] exact)
--r-sm
4px
Section "See More" buttons (rounded-[4px])
--r-md
8px
Social icon containers, score tiles, announce/news cards
--r-lg
12px
League standings table wrapper (rounded-[12px] exact)
--r-xl
14px
Misc larger card containers
Shadows (Figma drop-shadow exact)
Token
CSS Value
Applied To
--sh-cta-p
0px 4px 14px rgba(0,0,0,0.55)
Hero primary CTA (red button)
--sh-cta-s
0px 4px 14px rgba(0,0,0,0.35)
Hero secondary CTAs (white buttons) — 3 instances
--sh-hero
0px 0px 44px rgba(0,0,0,0.65)
Hero h1 headline (legibility over photo)
--sh-mf-eye
0px 2px 12px rgba(0,0,0,0.60)
Maggot Fest eyebrow text
--sh-mf-title
0px 4px 32px rgba(0,0,0,0.65)
Maggot Fest display title
Hero Gradient Scrim (Figma radialGradient exact)
Stop
Color
Offset
Center (clear)
rgba(0,0,0,0)
0.2
Mid (dark)
rgba(0,0,0,0.85)
0.7
Edge (black)
rgba(0,0,0,1)
1.0
gradientTransform: matrix(101.82 0 0 63.64 720 450) — centered on the 1440×900 canvas in userSpaceOnUse coordinates.
10 — Partners
Sponsorships
Sponsor logos appear in the scrolling ticker across all pages on a #fafafa field. Treat their marks with the same care we expect for our own.
Logo Usage
Always use the sponsor's original high-resolution file. On the site, logos appear in a horizontally scrolling ticker on white/off-white with adequate padding. Never overlay text on sponsor marks or alter their colors.
Acknowledgment Copy
Lead with the sponsor's full business name on first mention. Include a link to their website when format allows. Avoid informal abbreviations unless the sponsor uses them in their own branding.
Gold
Homepage hero placement, jersey logo, all event signage, monthly social spotlight, dedicated sponsor feature page.
Premier Partner
Silver
Footer ticker on all pages, event signage, quarterly social acknowledgment, sponsors page listing.
Supporting
Bronze
Sponsors page logo listing, one seasonal social post, acknowledgment at Maggot Fest and annual events.
Community
Friend
Text-only listing on sponsors page. For in-kind contributors — goods, services, venue support.
In-Kind
Current Sponsors
Brad-Pak Enterprises · Anglesea Media · Bright Beginnings Pre-School · Butch Kowal's Tavern · Craig Stock Landscape Design · CrossFit KOA · HomeLight · Kilkenny House · Kistler Tiffany Benefits · Smile Solutions · Lady of Unami · The Field Crew · LB Electric · Molly Maguire's · Ruck Science
Contact info@ucrfc.com to discuss sponsorship opportunities.
