Brand Style Guide · Prepared for Soro Futbol Academy

The colors, marks, and voice behind Soro Fútbol.

Built from your real logo, your jersey color, and your own Instagram — so every page in this package looks like it came from the same team that hands out the pink jerseys at North County Soccer Park.

Sources: sorofutbol.com · @sorofutbol on Instagram · client-provided jersey color

01 — The mark

Your logo, front and center.

The real file — dropped in by Michael, used exactly as provided.

Official logo file, client-provided (SoroFutbol_logo.png) — every hex on this page was color-picked directly from this asset, not approximated.

As worn — real photo off a team shirt, for context on how it prints on fabric vs. the clean digital file above.

Do

Keep the badge circular — never crop it into a square or stretch it.
Give it breathing room — at least a ball-width of clear space on every side.
Use it full-color on light backgrounds; a single-color navy or white version on photos.
Let it sit at real size on jerseys, socials, and the landing page header — it's already a trusted mark on the field.

Don't

Don't recolor the gradient ring — it's the one part of the mark people recognize on sight.
Don't place it on a busy photo without a solid-color plate behind it.
Don't shrink it below ~40px — the arched text stops being legible.
Don't pair it with a competing badge or crest in the same frame.

02 — Color

Three colors. Full neon.

Navy, pink, and yellow-green — the same three colors on your own "Colors of Soro Fútbol" graphic. Corrected brighter per Michael's note: fabric and photos flatten these; in person they run hot. Pink is the one every family at North County Soccer Park already recognizes as yours.

Soro Navy Confirmed

#042C4F

Pulled directly from sorofutbol.com. The badge's inner circle and the anchor color for every headline, nav, and footer.

Jersey Neon Pink Confirmed

#FE019A

Client-corrected — the jersey runs neon-bright in person, brighter than any photo shows. The most recognized Soro color in the park; use it for every primary CTA and highlight.

Academy Neon Yellow Approximate

#CCFF00

Reads from the badge's two stars — pushed to full neon to match the corrected pink. Use for accents, checkmarks, and "go" states — confirm exact value against a brand file if one exists.

Gradient ring — logo-only, decorative. The badge's ring sweeps pink → purple → teal → neon yellow, color-picked directly off the real logo file; use it on the badge itself and, sparingly, as a divider or hover state. Never as a body-text or button color.

Off-white
#F7F5F0

White
#FFFFFF

Hairline
#E2E0D8

Charcoal
#1C1F22

03 — Typography

Bold and condensed, like your own graphics.

Matched to the all-caps, heavy condensed style already on your "Colors of Soro Fútbol" post and the badge's arched wordmark.

Display / Headlines — Anton

Where Talent Meets Hard Work

Free, embeddable, and a close match to the bold condensed poster style already in your own social graphics. Use for H1–H3, badges, and callouts — always set in caps.

Body — Inter

Clean and highly legible at small sizes, so program details, email copy, and captions stay easy to read next to the bolder display type. Used across every deliverable in this package.

Weights: 400 body, 600–700 for emphasis and labels, 800 for stat callouts.

Technical spec

Use	Font	Weight	Size	Line-height	Letter-spacing
H1 / hero display	Anton	400 (Anton ships one weight)	clamp(30px, 5.4vw, 52px)	1.08	0.01em, uppercase
H2 / section display	Anton	400	clamp(24px, 3.6vw, 34px)	1.15	0.01em, uppercase
Nav wordmark / logo type	Anton	400	18–19px	1	0.02em, uppercase
Body copy	Inter	400	16px	1.6–1.7	normal
Emphasis / card headings	Inter	600–700	13–16px	1.3–1.55	normal to 0.02em
Eyebrow / step tags	Inter	600–700	11px	1	0.1–0.14em, uppercase
Micro labels / hex codes	Inter	500–700	10–12px	1.3	0.06em, uppercase where labeled

CSS stack:

--font-display: 'Anton', 'Impact', sans-serif;
--font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

Loaded via Google Fonts CDN: family=Anton&family=Inter:wght@400;500;600;700;800. Both are free, open-license, and embeddable — no licensing cost or restriction for print or web use. Anton has one static weight (400) by design, always set in caps; Inter carries the full 400–800 range used across labels, body, and emphasis.

Display scale note: every deliverable in this package renders at zoom:1.3 (a flat 30% size-up applied site-wide) so nothing — including the smallest micro-labels above — drops below comfortable reading size on a shared screen or projector.

04 — Voice & tone

Confident, direct, community-proud.

Pulled straight from your own captions and bio — not invented. Three traits to write to.

Trait 01

Confident

"Watch what happens when you are confident in taking chances" — your own caption voice. Short, declarative, no hedging.

Trait 02

Earned, not hyped

Credibility comes from real experience — "20 Years Playing & Coaching Experience" — stated plainly, never oversold.

Trait 03

Community-first

"Soro Fútbol Academy" and Fútbol with the accent — a nod to where the club's families come from. Warm, never corporate.

05 — Mood board

What it feels like on the field.

Real, client-provided photos from a recent session at North County Soccer Park, alongside the palette in use. Instagram context: @sorofutbol, 245 posts, 1,394 followers, rated 5.0 from 53 reviews.

Soro Futbol Academy player in a pink jersey, night session

Coach Ray in a Soro Futbol Academy shirt coaching a player

Jersey Pink — every kid on the pitch

Soro Futbol Academy team huddle at North County Soccer Park

Navy — the badge, the site, the shade

Green — the stars, the "go"

On North County Soccer Park: the pink jersey is doing brand work every single practice — it's the fastest, cheapest recognition asset the academy already owns. Everything in this package leans into that instead of introducing a new color story.

06 — In use

How the system holds together.

The same three tokens, applied consistently across the Blueprint, the samples, and the tech-stack spec in this package.

Primary button

Book a free evaluation

Badge on light

Jersey block

SORO

Open item: Academy Green and the exact gradient ring stops are visual approximations pulled from the badge and the "Colors of Soro Fútbol" graphic — if a vector logo or official brand file exists, swap in the exact values and this guide (and the rest of the package) inherits them automatically. Also flagged: your public "North County Soccer Park" association came up during this research — let us know if there's a separate NCSP identity to stay visually consistent with beyond the shared home field.