Skip to main content

Brand Guidelines

The complete visual identity system for Friendly Creative Studios. 40 pages covering logo, color, typography, voice, and applications.

Download PDF2026 Edition · 40 pages
Brand Guidelines2026 Edition
Friendly Creative Studios

Madison Avenue Polish.
Brooklyn Creative Agility.

Multicultural creative studio · New York, NY

01 / 40
Brand GuidelinesFriendly Creative Studios02 / 40

Who We Are

Section 01 · Page 03

Brand GuidelinesFriendly Creative Studios03 / 40
00Brand at a glance
Friendly Creative Studios wordmark
Wordmark on purple
Tagline

Madison Avenue Polish.
Brooklyn Creative Agility.

Mission

We make brands fluent. Natively multicultural creative — strategy, film, digital, XR — that connects organizations with the multicultural markets shaping America.

Core values
PrecisionWarmthMulticultural fluencyStrategic depth
Primary palette
Purple 500#510C76
Crimson 500#EB0045
White#FFFFFF
60 / 30 / 10
Typography

DISPLAY · RALEWAY

Hero UPPERCASE only

Headlines · DM Sans

H1–H4 · Sentence case

Body · DM Sans

Body, UI, buttons, captions
Studio
HeadquartersNew York, NY
Founded2024
Founder & CEOHarold Luna
MarketsEN & ES · Multicultural
ServicesBrand · Web · Film · XR · AI
Webfriendlycreatives.com
Value proposition

Natively multicultural creative — strategy, production, and technology in English and Spanish. Built for multicultural markets from day one, not retrofitted.

Friendly Creative Studios — strategy meeting
Brand GuidelinesFriendly Creative Studios04 / 40
01Manifesto
05 / 40

The US Hispanic market represents $2.7 trillion in purchasing power and is the fastest-growing demographic in America. Most brands still approach it through translation layers and cultural afterthoughts. Friendly exists to close that gap.

We are a natively multicultural creative studio — not an English agency with a Spanish department. Every strategist, designer, and producer on our team works across both languages and both cultures as a default, not as a service add-on. That is the structural difference between translating for a market and building from inside it.

Our work combines the strategic discipline you expect from a top-tier firm with the creative directness of an independent studio. We bring both to every brief because the brands we serve — and the audiences they need to reach — deserve creative partners who take neither side of that equation for granted.

Native to both cultures. Rigorous in both languages.

Friendly Creative Studios · 2026

02Foundation
Mission

We make brands fluent. Natively multicultural creative — strategy, film, digital, XR — that connects organizations with the multicultural markets shaping America.

Vision

The creative partner organizations choose when culture, language, and market opportunity must work together — not separately.

Value proposition

Friendly delivers strategy, production, and technology natively in English and Spanish — built from day one for multicultural markets. Where most agencies add a Spanish line item to an English playbook, we build both from the same cultural foundation.

Core values
Precision

Flawless execution in every pixel and word

Warmth

Human, approachable, never cold or clinical

Multicultural fluency

Native in both languages — not translated

Strategic depth

Every creative decision backed by strategy

Studio
HeadquartersNew York, NY
Founder & CEOHarold Luna
MarketsEnglish & Spanish · Multicultural
ServicesBrand · Web · Film · XR · AI · Events
Webfriendlycreatives.com
Brand GuidelinesFriendly Creative Studios06 / 40
02.1Audiences & positioning

ICP 1 · The Expansion Leader

Role

VP/CMO at a $20M–$500M brand

Context

Entering or deepening US Hispanic market presence

Need

Culturally native creative — not translated campaigns

Friction

Past agencies treated Spanish as a checkbox

Objection

"How is this different from hiring a multicultural shop?"

Proof needed

Multicultural team structure, parallel creative process

Values

Strategic credibility, measurable ROI, speed

ICP 2 · The Scaling Founder

Role

Hispanic-American founder (Series A–C)

Context

Building a national brand from a multicultural base

Need

Premium identity without cultural erasure

Friction

Agencies ignore culture or reduce it to stereotypes

Objection

"Can a boutique studio handle our growth pace?"

Proof needed

Full-stack: brand → web → film → technology

Values

Cultural authenticity, design quality, partnership

Why the positioning is credible

What does "natively multicultural" mean?

Every team member works across EN and ES as a default. Copy written in parallel, not translated.

What separates Friendly from a generalist?

Multicultural is not an add-on. It is the structural foundation of every project.

What sustains the premium promise?

Full-stack creative under one roof. No outsourced layers. Every deliverable reviewed for craft.

What does Friendly combine that others separate?

Cultural fluency + technical capability + strategic rigor — all three, not one or two.

Brand GuidelinesFriendly Creative Studios07 / 40
03Brand story
Official tagline

Madison Avenue Polish.
Brooklyn Creative Agility.

Origin

Friendly was founded in 2024 by Harold Luna in New York. The premise was specific: brands with real ambition in multicultural markets were consistently paired with agencies that treated Spanish as a line item — a translated deck, an adapted campaign, a cultural footnote. The studio was built to be the opposite: a natively multicultural creative practice where both languages and both cultures are first-class from the start.

The name

“Friendly” is a posture, not a personality trait. It describes how the studio enters a relationship: approachable enough to earn trust, sharp enough to hold it. The name is a deliberate signal that warmth and competence coexist here.

Tagline usage
When to usePress, introductions, decks, bios
CasingTitle case — never all-caps
Paired withAlways follow with mission or proof
Founded

2024 · New York, NY

Focus

Multicultural US markets

Philosophy

Strategy + culture, together

Friendly mark — color
Friendly mark — white on purple
Friendly mark — white on ink
Color on white
White on purple
White on ink
Why the mark

A minimal geometric smile. It resolves the core brand tension — signaling approachability without sacrificing sophistication. Rendered in clean geometry on white or purple, it becomes a signature of warmth inside precision.

What Friendly is

A creative studio

Not a media agency, not a consultancy. We make things: brands, websites, films, technology.

Natively multicultural

Both languages are first-class. No translation department. No cultural add-on.

Strategically led

Every project starts with positioning and objectives. Creative follows strategy.

Premium by standard

Museum-grade visual system. No templates. Every deliverable reviewed for craft.

What Friendly is not

A translation service with design capabilities

A generalist agency that does multicultural on the side

A holding-company subsidiary with a cultural brief

A startup-style shop that prioritizes speed over craft

Brand GuidelinesFriendly Creative Studios08 / 40
04Brand personality
We are

Warm and approachable

We earn trust before we pitch

Strategically sharp

Every recommendation is backed by reasoning

Highly competent

Execution quality is non-negotiable

Confidently understated

We let the work speak — not the volume

Natively multicultural

EN/ES as a default, not a service tier

Corporate + Cool

Corporate

Rigorous execution. Clear KPIs. Error-free communication. Strategic accountability.

Cool

Modern minimalism. GSAP motion. Editorial layouts. No templates, no shortcuts.

Where Friendly sits

Strategic ← → Approachable

We lean strategic but stay accessible. Never cold.

Premium ← → Human

We lean premium but ground it in warmth. Never exclusive.

Confident ← → Warm

Balanced. Confident enough to lead, warm enough to listen.

Precise ← → Clear

Both. Precision in execution, clarity in communication.

We are not

Arrogant — we state facts, not superlatives

Clinical — competence without warmth is not our style

Performative — no buzzwords, no hollow manifestos

Subservient — we are partners, not vendors

Chaotic — creative freedom within strategic structure

How to find the voice
Sound likeA sharp colleague who respects your time
Never sound likeA press release, a pitch deck, or a chatbot
RegisterProfessional but human — not formal, not casual
ConfidenceState facts. Let the work prove the claims.
HumorRare and dry. Never at the audience’s expense.
Voice calibration
Too soft

“We try to help brands connect with diverse audiences.”

Too aggressive

“We dominate multicultural markets.”

Too corporate

“We leverage synergies across multicultural verticals.”

On brand

“We build brands that are native to the culture they serve.”

Brand GuidelinesFriendly Creative Studios09 / 40
04.1Messaging architecture
Pitch ladder
One-liner

Natively multicultural creative studio. New York.

Short pitch · 15s

Friendly is a natively multicultural creative studio that builds brand, web, film, and technology for the multicultural markets shaping America.

Medium pitch · 45s

Friendly Creative Studios is a New York-based creative agency that delivers brand strategy, digital design, film production, and emerging technology natively in English and Spanish. We work with CMOs entering the US Hispanic market and founders scaling multicultural brands — bringing the strategic rigor of a top-tier firm and the creative directness of an independent studio to every brief.

Bio · short form

Multicultural creative studio · Brand · Web · Film · XR · AI · New York, NY

Core message pillars

Culturally native

Multicultural team works across EN/ES as a default. Copy is written in parallel, not translated. Creative review happens in both languages.

Strategically rigorous

Every project starts with positioning, audience definition, and measurable objectives. Creative follows strategy — never the reverse.

Full-stack creative

Brand → web → film → XR → AI under one roof. No outsourced layers. Integrated delivery from brief to launch.

Premium by design

Museum-grade visual system. No templates, no shortcuts. Every deliverable is reviewed for strategic alignment and craft quality.

Press boilerplate

Friendly Creative Studios is a New York-based creative agency specializing in brand strategy, digital design, film production, and emerging technology for English- and Spanish-speaking audiences. Founded in 2024, Friendly delivers creative natively in both languages — built for multicultural markets from the ground up.

Message by audience
CMO / VP Marketing

"Your brand doesn't need a Spanish version. It needs a multicultural one."

Scaling founder

"Premium creative that honors where you come from and where you're going."

Agency partner

"The multicultural creative capability your roster is missing."

Press / media

"A studio built for the demographic most agencies still approach through translation."

Use

Natively multicultural

Built for multicultural markets

Strategy meets culture

Premium creative, human delivery

Avoid

"The only multicultural agency"

"Hispanic marketing experts"

"One-stop shop"

"We do it all"

Brand GuidelinesFriendly Creative Studios10 / 40

Visual Identity

Section 02 · Page 11

Brand GuidelinesFriendly Creative Studios11 / 40
05Logo
Full wordmark
Primary · color on white
Reversed · white on purple
Mono · black on white
Primary · color on white
Reversed · white on purple
Mono · black on white
On brand surfaces
White on purple
White on crimson
White on ink
White on purple
White on crimson
White on ink
Brand mark (icon only)
Mark · color
Mark · white on purple
Mark · black on white
Mark · color on white
Mark · white on purple
Mark · black on white
Brand GuidelinesFriendly Creative Studios12 / 40
05.1Logo — exclusion zone & rules

Base unit x = height of the mark symbol. No element may enter the shaded zone.

Full wordmark — 2x clear space
2x
2x
Friendly wordmark
2x
2x
Standalone mark — x clear space
x
x
Friendly mark
x
x
Brand GuidelinesFriendly Creative Studios13 / 40
05.2Logo — misuse examples
Misuse — visual examples
✗ Rotate
✗ Wrong variant
✗ Busy surface
✗ Distort
✗ Add outline
✗ Fade / ghost
Clear space

Wordmark: 2x on all sides. Mark alone: x on all sides. x = height of the mark symbol.

Minimum size

Wordmark: 140px digital · 32mm print. Mark: 24px digital · 8mm print.

File formats

SVG (primary) · PNG @2x fallback · PDF/EPS for print

Brand GuidelinesFriendly Creative Studios14 / 40
06Color palette

Derived mathematically from two primaries via HSL interpolation. Purple (H:279, S:82%) = authority. Crimson (H:342, S:100%) = urgency. No shadows — borders only.

Purple 500#510C76
Crimson 500#EB0045
Ink#2A053E
White#FFFFFF
Gray 900#171618
Purple scale · H:279 S:82%

500 = brand primary #510C76

Crimson scale · H:342 S:100%

500 = brand accent #EB0045

Neutral scale · H:279 S:3–5% (purple-tinted)

Harmonized with brand hue

Color ratios
60% White (canvas)30% Purple (brand)10% Crimson (accent)
Accessible pairings (WCAG)
Aa
White / Gray 90015.4:1 · AAA
Aa
White / Gray 5005.6:1 · AA
Aa
Purple / White10.2:1 · AAA
Aa
Crimson / White4.6:1 · AA
Aa
Ink / White14.8:1 · AAA
Brand GuidelinesFriendly Creative Studios15 / 40
07Typography
Typefaces — shown in context
Display · hero only

BRAND THAT MOVES CULTURE.

Raleway · 800 · UPPERCASEAa Bb Cc 0 1 2 3
Headlines · h1–h4

Making bold ideas feel inevitable.

Strategic clarity for every brief.

DM Sans · 700/600 · Sentence case400 · 500 · 600 · 700 · 800
Body & UI

Strategic rigor meets creative edge — every brief, every time. We deliver flawless execution with a breathtaking, modern aesthetic.

DM Sans · 400/500/700 · Standard caseBody, UI, labels, captions
Type scale — semantic tokens
.t-display48–80px800RalewayHero UPPERCASE
.t-h136–56px700DM SansPage headings
.t-h228–40px700DM SansSection headings
.t-h320–28px600DM SansCard headings
.t-h416–20px600DM SansGrid headings
.t-body16.8px400DM SansBody text
.t-small14.4px400DM SansSecondary text
.t-label11.5px700DM SansUPPERCASE labels
.t-caption13.1px400DM SansAnnotations

All typefaces open-source via Google Fonts

Hierarchy in use

MADISON AVE. POLISH.

Making bold ideas feel inevitable.

Strategic rigor meets creative edge — every brief, every time.

Display → Headline → Body
Brand GuidelinesFriendly Creative Studios16 / 40
08Spacing & grid
1440px

.section-container

32pxmargin: 0 auto32px
12-column grid
1
2
3
4
5
6
7
8
9
10
11
12
Section spacing tokens
.section-v-hero
160–224px
.section-v-lg
96–160px
.section-v-md
72–112px
.section-v-sm
56–80px
Responsive breakpoints
Mobile
0–639px
SM
640px+
MD
768px+
LG
1024px+
XL
1280px+
Component spacing
Card paddingp-4 (16px) standard · p-5 (20px) featured
Button heightsm: 32px · md: 40px · lg: 48px
Input heightmd: 40px · sm: 32px
Icon sizes16px · 20px · 24px
Border radius0px everywhere — square edges
Touch target44px minimum (WCAG 2.1)
Brand GuidelinesFriendly Creative Studios17 / 40

Brand Voice

Section 03 · Page 18

Brand GuidelinesFriendly Creative Studios18 / 40
09Photography & imagery
✓ Editorial grayscale
Strategy meeting — editorial grayscale treatment
✓ Color on interaction
Strategy meeting — color reveal on hover
✗ Generic stock
Example of overly generic stock photo — avoid
Too generic · oversaturated
✗ Gradient overlay
Example of prohibited gradient overlay treatment
Never apply color overlays
Image treatment
Default stateGrayscale · object-fit: cover
Hover stateColor reveal · scale 1.05 · 1s transition
Aspect ratios21/9 · 16/10 · 4/5 · 4/3 · 3/4 · 3/1
NeverDrop shadows, cartoon illustrations, gradients
10Iconography & assets
Icon system — Lucide Icons
LibraryLucide Icons
Sizes16px · 20px · 24px
Stroke2px (default)
StyleOutlined only
ColorInherits text color
Icon sizes in context
16pxinline / label
20pxbutton / nav
24pxfeature card
Touch & interaction targets
Touch target44px minimum (WCAG 2.1)
Focus ring2px solid brand-primary
Border radius0px (square edges)
Button shapeSolid rectangle, never pill
Hover transitionvar(--motion-fast) var(--ease-out)
Brand GuidelinesFriendly Creative Studios19 / 40
11Voice & tone
Voice pillars

Confident, not arrogant

State facts with authority. No superlatives, no hedging.

"We build brands for multicultural markets."

Precise, not cold

Economy of language. Every word earns its place.

"Brand strategy for the $2.7T US Hispanic market."

Multicultural, not token

Spanish is native, not a translation.

"Marca que mueve culturas." — written, not translated.

Premium, not exclusive

Sophisticated but accessible. We invite, never gatekeep.

"Start the conversation." Not: "Apply for a consultation."

Tone by context
MarketingVisionary, welcoming, confident — lead with opportunity
ServicesStrategic, value-driven — "We architect," not "We build"
CTAsAction-oriented, high-value — invite, never demand
FormsConversational but structured — "Strategic Briefing"
ErrorsReassuring — the system takes blame, never the user
Empty statesOptimistic, directive — frame as potential, not absence
SupportEmpathetic, efficient — connect with a person, not a queue
The test

Read any piece of Friendly copy aloud. Does it sound like something a smart person would say across a table to another smart person? If it sounds like a brochure, a chatbot, or a press release — rewrite it.

Tone by channel
WebsitePrecise, editorial, benefit-led

Every page earns its word count. No filler sections.

LinkedInStrategic authority

Industry insight over self-promotion. Share thinking, not wins.

InstagramVisual-first, warm

Captions concise. Never performative. Let the image carry.

EmailDirect, human, structured

Clear subject lines. One CTA per email. Respect the inbox.

Pitch decksConfident, data-backed

Lead with the problem. Close with proof. Skip the mission slide.

ProposalsSpecific, grounded

Name the deliverables. Show the process. No vague promises.

Brand GuidelinesFriendly Creative Studios20 / 40
12Writing rules
Core principles

Clarity over cleverness

If a reader has to re-read a sentence, rewrite it

Active voice by default

Passive is acceptable only in legal or technical contexts

Elevate, never blame

The system takes responsibility — the user never failed

Concise, not stripped

Remove filler words, but keep warmth and personality

Every claim needs proof

If you can't back it up, soften it or remove it

Headlines

Sentence case · max 12 words

No periods on single phrases

Eyebrows: ALL CAPS, tracked

Lead with benefit or tension

No buzzwords without proof

Preferred language by context

These are preferences, not absolute bans. Use judgment — clarity always wins over brand polish when UX demands precision.

User-facing errors
Avoid"failed", "error", "wrong"
Prefer"let's review", "please check", "needs attention"

Technical logs can use standard terms

Empty states
Avoid"nothing", "blank response", "empty"
Prefer"ready when you are", "no results yet"

Frame as potential, not absence

CTAs
Avoid"submit", "buy now", "open this"
Prefer"start the conversation", "explore work"

Invite, don't command

Marketing
Avoid"disrupt", "hack", "buzzword-heavy phrasing"
Prefer"rethink", "approach", "alignment"

Sound like a peer, not a pitch deck

Loading / wait
Avoid"please wait", "loading"
Prefer"preparing your experience"

Keep it brief and human

UX copy examples
ContextAvoidPreferred
Form error"You entered the wrong email""Please check your email so we can reach you"
CTA button"Submit" / "Buy Now""Start the conversation" / "Explore work"
Marketing"Stop losing money""A $2.7T economy deserves native fluency"
Empty state"Nothing to see here""New insights are being developed"
404 page"Error 404: Page lost""Searching new coordinates"
Loading"Please wait...""Preparing your experience"
When clarity and brand polish conflict

If a user needs to understand something immediately — a payment error, a security warning, a destructive action — choose the clearest possible language, even if it doesn't sound “on brand.” Brand voice is a tool for connection, not a constraint on comprehension.

Brand GuidelinesFriendly Creative Studios21 / 40

Rules & System

Section 04 · Page 22

Brand GuidelinesFriendly Creative Studios22 / 40
13Multicultural system
Core principle

Neither language is a translation of the other. English and Spanish are parallel expressions of the same idea — each native, each complete, each authoritative.

Which language leads?
Multicultural campaignsSpanish leads, English supports
Corporate deliverablesEnglish leads, Spanish parallel
Social / digitalAlternate by platform audience
Press & mediaBoth languages, side by side
NeverUse machine translation as final copy
Cultural adaptation
SpanglishAcceptable in social content when audience code-switches naturally
FormalityDefault to "tú" for digital / social; "usted" for formal and legal
Regional neutralUse standard Latin American Spanish — avoid country-specific slang
IdiomsNever translate English idioms literally; find the cultural equivalent
HumorWarmth yes, jokes rarely — humor does not translate reliably
Spanish typography rules
AccentsAlways include: é á í ó ú ñ ü
Punctuation¿ and ¡ required — never omit opening marks
Line lengthSpanish runs ~20% longer — plan layout
HyphenationAvoid in headlines; allow in body
Copy examples — parallel construction
Hero headline
EN

Brand that moves culture.

ES

Marca que mueve culturas.

Service descriptor
EN

We architect digital experiences for multicultural audiences.

ES

Arquitectamos experiencias digitales para audiencias multiculturales.

CTA button
EN

Start the conversation

ES

Inicia la conversación

Error / reassurance
EN

Please check your email so we can reach you.

ES

Revisa tu correo para que podamos contactarte.

Brand promise
EN

Flawless execution with a breathtaking, modern aesthetic.

ES

Ejecución impecable con una estética moderna e impresionante.

Brand GuidelinesFriendly Creative Studios23 / 40
14Do / don't
Do · Logo

Use on solid white or brand purple

Maintain clear space on all sides

Use correct variant per background

Scale proportionally — never stretch

Do · Color

Purple 500 for primary interactive elements

Crimson for urgency and emphasis only

Maintain WCAG AA contrast (4.5:1 minimum)

Follow 60% white / 30% purple / 10% crimson ratio

Don't · Logo

Rotate, skew, or distort the mark

Use color logo on dark backgrounds

Add outlines, shadows, or glow effects

Recreate the mark in another typeface

Don't · Color

Use crimson as primary or decoration

Introduce off-palette colors (blue, green)

Apply drop shadows or gradients

Place light text on light backgrounds

Brand GuidelinesFriendly Creative Studios24 / 40
14.1Do / don't — typography and imagery

Section heading

Body text — DM Sans 400. Clear and readable at every size.

Label token
Do · Typography

DM Sans for all h1–h4 (Headline)

DM Sans for all body and UI text (Sans)

Raleway only for hero UPPERCASE display

Use semantic t-* tokens exclusively

Editorial grayscale portrait
Do · Imagery

High-fidelity editorial photography

Grayscale default, color on hover

Natural light, real environments

Diverse, authentic representation

Wrong: Raleway in body text

Raleway is display-only. Never use in body, UI, or labels.

Never in labels
Don't · Typography

Raleway for subheadings or body text

Additional typefaces beyond the three

Manual font overrides in component markup

Raw Tailwind utilities (text-3xl, font-semibold)

Photo with prohibited gradient overlay
Don't · Imagery

Cartoon or tech-bro illustrations

Vector drop shadows on photos

Generic stock photography

Arbitrary gradients or color overlays

Brand GuidelinesFriendly Creative Studios25 / 40
15Design principles
01

Corporate = systemic

Math-perfect layouts. Spacing tokens. Grid containment. No manual pixel-pushing.

Every section uses a named spacing token — never arbitrary px values

All layouts derive from the 12-column grid at every breakpoint

If a pattern repeats twice, it becomes a component — no one-offs

Tokens, not pixels

02

Cool = motion

GSAP for orchestration. CSS for micro-states. Weightless elegance, never bounce.

Reveal animations: 800ms power3.out — never bounce or elastic easing

Hover states: 300ms CSS transition — no JavaScript needed for micro-UI

Hero intros: 1200ms stagger — each element enters independently

Stagger · entrance rhythm

03

White = transparency

#FFFFFF canvas. Museum-grade. No shadows. Borders only.

Separation: use border-hairline (rgba(0,0,0,0.05)) — never box-shadow

Cards: white surface on white canvas — border defines them, not depth

Dark sections use bg-purple-ink as canvas, never bg-gray-*

Border only ✓

Shadow ✗

Brand GuidelinesFriendly Creative Studios26 / 40
16— Legal & trademark
Trademark ™Use ™ on first mention of "Friendly Creative Studios" in external materials.
Copyright© 2026 Friendly Creative Studios. All rights reserved.
Logo ownershipProprietary. Do not modify, adapt, or redistribute.
Co-brandingPartner logos equal or smaller. Contact brand team for approval.
LocalizationEnglish and Spanish required. Neither is a translation — both are native.
Usage termApprovals are project-specific — re-approve per campaign.
16— Contact
Press inquiries

press@friendlycreatives.com

Media, interviews, speaking

Brand approvals

brand@friendlycreatives.com

Co-branding, logo usage, assets

General

hello@friendlycreatives.com

New projects, partnerships

Press kit

friendlycreatives.com/press

Logos, guidelines, downloads

HeadquartersNew York, NY
LinkedInlinkedin.com/company/friendly-creatives
Instagram@friendlycreatives
Twitter / X@friendlycreatives

© 2026 Friendly Creative Studios. All rights reserved.

Brand GuidelinesFriendly Creative Studios27 / 40

Applications

Section 05 · Page 28

Brand GuidelinesFriendly Creative Studios28 / 40
17UI components
Buttons
Primary
Get started
Disabled
Secondary (outline)
Learn more
Disabled
Ghost (text only)
View case study →
Destructive
Delete
Sizes
SM
h-8 px-4 · 11px
MD
h-10 px-5 · 12px
LG
h-12 px-6 · 13px
Form inputs
Default
Email address
Focus
harold@
Filled
hello@friendlycreatives.com
Error
email@
Please check your email so we can reach you
Disabled
Not available
Height40px (md) · 32px (sm)
Radius0px — square edges
Focus ring2px solid brand-primary
Errorborder-crimson + caption below
Cards
Service card

Brand Strategy

Positioning, voice, and visual identity for multicultural markets.

Explore →
Metric

$2.7T

US Hispanic market

Badges
Brand
New
Featured
Web
Component spec
Border radius0px everywhere — square
Card padding16–20px (p-4/p-5)
Badge padding10px × 2px
Touch targets44px min (WCAG 2.1)
Brand GuidelinesFriendly Creative Studios29 / 40
18Brand applications
Business card
Friendly

Harold Luna

Founder & CEO

harold@friendlycreatives.com

New York, NY

Friendly
3.5 × 2 in · 300dpi · CMYK
Website header
Friendly
ServicesWorkAbout
Start a project
Creative studio · New York

BRAND THAT MOVES

CULTURE.

Natively multicultural creative for the markets shaping America.

See our work
Explore services →
Desktop · 1440px · bg-purple-ink hero · Raleway display
Email signature

Harold Luna — Founder & CEO

Friendly Creative Studios

harold@friendlycreatives.com

New York, NY

© 2026 Friendly Creative Studios

LIIGX
Instagram feed — 1:1
Case study

Brand · Web · Film

We don't translate campaigns. We originate them.

friendlycreatives.com

Brand GuidelinesFriendly Creative Studios30 / 40
19Social media
Platform specifications
PlatformRatioSizeSafe zone
Instagram feed1:11080×1080px20% text safe zone
Instagram Stories9:161080×1920px250px top/bottom dead zone
Instagram Reels9:161080×1920pxSame as Stories
LinkedIn post1.91:11200×628pxLogo: top-right, min 24px
LinkedIn banner4:11584×396px60px left/right safe margin
Twitter / X post16:91600×900px100px top/bottom safe zone
Twitter header3:11500×500pxCenter-safe — edges crop
YouTube thumb16:91280×720pxText in center 40% only
Format templates — detailed mockups
Case study
Brand · Web

We don't translate campaigns. We originate them.

friendlycreatives.com

1:1 Instagram Feed1080 × 1080px

New York, NY

Strategy meets culture.

Multicultural creative for the markets shaping America.

START THE CONVERSATION →
9:16 Story1080 × 1920px

Multicultural creative studio · NYC

We make brands fluent.

friendlycreatives.com

1.91:1 LinkedIn Post · 1200 × 628px

MADISON AVE. POLISH. BROOKLYN AGILITY.

4:1 LinkedIn Banner · 1584 × 396px
Logo at small sizes
≥ 24pxMark only — wordmark disappears below this size
≥ 80pxWordmark acceptable — SVG format only
On colorWhite version on purple or dark canvas only
AvatarsMark only, centered, on white or purple ground
WatermarksMark at opacity 20–40%, bottom corner only
✓ Do

Full brand palette

White canvas posts

Purple hero slides

✗ Don't

Neon filters

Instagram color overlays

Off-brand gradients

Brand GuidelinesFriendly Creative Studios31 / 40
20Digital & print
Color values — digital vs. print
SwatchHEXCMYKPantone
#510C76C67 M84 Y0 K54PMS 2625 C
#EB0045C0 M100 Y71 K8PMS 199 C
#2A053EC79 M93 Y0 K76PMS 2756 C
#FFFFFFC0 M0 Y0 K0PMS White
#0D0D0DC0 M0 Y0 K95PMS Black C
#F6F2F8C1 M2 Y0 K3PMS 9583 C
Print production
Bleed3mm on all sides for full-bleed layouts
Safe zone5mm from trim edge for critical content
Color modeCMYK for all print — no RGB values
File formatPDF/X-4 preferred · PDF/X-1a fallback
Resolution300dpi minimum for photos and rasters
ProofHard proof required for key brand colors
Bleed & safe zone
Bleed +3mm
Trim
Safe zone5mm from trim
↔ Trim width
Brand GuidelinesFriendly Creative Studios32 / 40
21Asset downloads

All assets at friendlycreatives.com/press · Password-protected assets available upon written request

Logo filesAvailable
·

friendly-logo.svg — full wordmark (primary)

·

friendly-logo-white.svg — white version

·

friendly-mark.svg — symbol only

·

friendly-mark-white.svg — symbol, white

·

All variants in PNG @1x @2x @3x

SVG · PNG · EPS · PDF
Color assetsAvailable
·

friendly-palette.ase — Adobe Swatch Exchange

·

friendly-palette.clr — Apple color list

·

friendly-palette.css — CSS custom properties

·

friendly-palette.json — Design tokens (W3C)

·

friendly-palette.scss — Sass variables

.ase · .clr · .css · .json · .scss
TypographyAvailable
·

DM Sans — Google Fonts (OFL)

·

Raleway — Google Fonts (OFL)

·

DM Sans — Google Fonts (OFL)

·

friendly-type-tokens.css — all scale tokens

·

friendly-type-scale.pdf — print reference

Google Fonts CDN · .css · .pdf
TemplatesAvailable
·

brand-guidelines.pdf — this document

·

presentation-deck.fig — Figma source file

·

social-templates.fig — all formats

·

email-signature.html — HTML template

·

letterhead.pdf — print-ready A4/Letter

.pdf · .fig · .html · .pptx
PhotographyOn request
·

team-photos/ — founder portraits

·

studio-photos/ — workspace imagery

·

event-photos/ — conference coverage

·

lifestyle/ — brand lifestyle shots

·

press/ — approved press-release images

JPG @300dpi · WebP @2x
Motion & XRComing soon
·

device-mockups.zip — phones, laptops

·

print-mockups.zip — cards, signage

·

motion-kit.zip — GSAP animation presets

·

xr-assets/ — AR/VR brand elements

·

3d-assets/ — approved 3D brand objects

.zip · .glb · .usdz · .json
Brand GuidelinesFriendly Creative Studios33 / 40
22Co-branding
Partner lockup — rules
Size relationship
Friendly
Partner logo

Partner logo may be equal or smaller — never larger than the Friendly mark.

Separator options
Vertical rule
×Multiply
+Plus
Clear space

Minimum 2× the mark height between Friendly logo and separator, and between separator and partner logo.

Co-branding do / don't
✓ Permitted

Equal size logos side-by-side

Friendly equal or larger always

Neutral divider (rule or ×)

White or brand canvas only

SVG source files — no raster

✗ Prohibited

Partner logo larger than ours

Stacked vertical lockups

Combining marks into one

Colorizing partner logos

Use without written approval

Approval process
1. SubmitSend partner brief + proposed lockup to brand@friendlycreatives.com
2. ReviewBrand team responds within 48 business hours
3. ApprovalWritten sign-off required — no verbal approvals
4. DeliveryBrand team provides approved, finalized lockup files
5. ExpiryApproval is project-specific — re-approve per campaign
Brand GuidelinesFriendly Creative Studios34 / 40
23Brand in motion
Motion tokens
--motion-base200msBaseline (buttons, dots)
--motion-fast300msHovers, micro-interactions
--motion-medium500msReveals, overlays
--motion-slow800msSection reveals, nav menu
--motion-cinematic1200msHero GSAP sequences
Easing functions — visual reference
power3.outEntrances
power2.inOutBetween-state
power3.inExits
linearLooping
GSAP defaults

Stagger reveals: 0.08s between elements

Never use elastic or bounce easing

Hero: 1200ms, power3.out, stagger 0.1s

Always respect prefers-reduced-motion

Component animation specs
Button hoverColor shift on bg/border · 300ms --motion-fast · var(--ease-out)
Card hoverborder-color shift · 300ms — never scale or lift
Nav itemcolor shift · 200ms --motion-base · no underline slide
Image revealgrayscale → color · 1s ease-in-out · triggered on hover
Page heroopacity 0→1 + translateY 24px→0 · 1200ms stagger 0.1s
Section revealopacity 0→1 + translateY 16px→0 · 800ms power3.out
Overlay/modalopacity 0→1 · 500ms --motion-medium · no slide
Scroll reveal — ScrollTrigger pattern

Start state: opacity 0, translateY 24px

Trigger: element 80% in viewport (start: "top 80%")

Duration: --motion-slow (800ms), power3.out

Siblings: stagger 0.08s — each enters independently

Markers: disabled in production — use scrub: false

Prohibited patterns

Bounce or elastic easing anywhere in the UI

Scale transforms on hover (use color/border instead)

Duration under 200ms for user-initiated actions

Motion when prefers-reduced-motion: reduce is set

Brand GuidelinesFriendly Creative Studios35 / 40
23.1Brand in motion — video & audio
Branded intro — 5-frame storyboard
00:00Black hold
00:00.4Logo fade

BRAND THAT MOVES

00:01Tagline reveal
00:03Color wash
Content →
00:04Fade to content
Video typography
Lower thirdsDM Sans 700 · white on purple bar · min 48pt
Title cardsRaleway 800 UPPERCASE · white on full-color bg
CaptionsDM Sans 400 · 32pt minimum for legibility
SubtitlesHigh-contrast bg — do not float over video
CreditsDM Sans 400 · gray on white · 24pt minimum
Aspect ratios
16:9 · Web
9:16 · Vertical
1:1 · Social
Audio & sound identity
Sonic direction

Minimal, contemporary, warm. The sound palette mirrors the visual system: clean space, measured rhythm, moments of unexpected texture. Think ambient electronic with organic undertones — never stock corporate jingles.

Sonic logo2–4 second audio mark · used at video endings and podcast intros
BackgroundAmbient textures · lo-fi piano or soft synth · no lyrics in EN or ES
TransitionsSubtle UI-style clicks · never comedic or cartoonish
PresentationsInstrumental only · match energy to deck pacing
Social videoMusic-optional · captions always — 85% of social video is muted
Production standards
Frame rate24fps (cinematic) or 30fps (web) — never 60fps for brand content
Color gradeDesaturated, slightly cool midtones · match editorial photography
ExportH.264 for web · ProRes 422 HQ for master · WebM as progressive fallback
Closed captionsRequired on all published video — multicultural where applicable
WatermarkFriendly mark at 20% opacity, bottom-right corner, last 3 seconds
Brand GuidelinesFriendly Creative Studios36 / 40
24Accessibility
WCAG 2.1 — AA target, AAA where feasible
Aa
Purple / White10.2:1AAAButtons, headings, CTA
Aa
Crimson / White4.6:1AAError states, alerts
Aa
White / Gray 90015.4:1AAABody text
Aa
White / Purple10.2:1AAALinks, labels
Aa
White / Gray 5005.6:1AACaptions
Aa
Ink / White14.8:1AAADark hero sections
Interactive states — non-text contrast
Focus ring2px solid #510C76 · 3:1 ratio minimum (WCAG 2.1)
HoverColor shift + border — never opacity change only
DisabledOpacity 0.5 + cursor: not-allowed + aria-disabled
Error border#EB0045 · 3:1 against white canvas
ActiveDarkened fill — never rely on scale alone
Reduced motion — design decisions

Respect prefers-reduced-motion: reduce — disable all GSAP sequences

Swap var(--motion-base) to 0ms in reduced-motion contexts

Use fade-only alternatives for scroll reveals — no slides or scales

Parallax disabled — use fixed backgrounds instead

Auto-playing video: pause by default when motion is reduced

Multicultural accessibility
Language switchUse lang attribute on every switch — not visual cues alone
Text overflowSpanish runs ~20% longer — never truncate or clip
Error messagesShow multicultural errors simultaneously — not via a toggle
Screen readersTest with VoiceOver (EN) + browser tools (ES)
Friendly a11y commitments
WCAG 2.1 AA

Minimum standard across all surfaces

AAA target

All brand-primary combinations

Focus visible

All interactive elements must have visible focus

Alt text

All images require meaningful alt text

Brand GuidelinesFriendly Creative Studios37 / 40

Brand in Practice

Section 06 · Page 38

Brand GuidelinesFriendly Creative Studios38 / 40
25Case studies — brand system in use
Outdoor billboard campaign — brand system applied to large-format advertising
Case study 01

Large-format advertising

BrandPrintOOH
Challenge

Translate a digital-first brand identity into large-format out-of-home placements while maintaining legibility and brand recognition at scale.

Approach

Extended the brand's typographic system for high-impact outdoor readability. Purple 500 as primary background, Raleway display at hero scale, DM Sans for supporting copy. Maintained 60/30/10 color ratio at environmental scale.

Brand elements demonstrated

Color system at scale · Typography hierarchy · Logo placement rules · Clear space compliance

Branded vehicle wrap — cultural scalability in physical media
Case study 02

Cultural scalability

BrandEnvironmentalMulticultural
Challenge

Apply the brand system to environmental and vehicle media — a context where the brand must communicate instantly at street level, in two languages, to moving audiences.

Approach

Multicultural messaging in parallel (not stacked). Mark-only logo at small scale, full wordmark on the largest surface. Color system adapted for vehicle wrap production — CMYK conversion with hard proof required for brand purple.

Brand elements demonstrated

Multicultural parallel construction · Mark vs. wordmark sizing · CMYK color fidelity · Environmental scale

Brand GuidelinesFriendly Creative Studios39 / 40
26Nuestra marca en español
40 / 40
Eslogan oficial

Estrategia de Madison Avenue.
Creatividad de Brooklyn.

Misión

Hacemos marcas fluidas. Creatividad nativamente multicultural — estrategia, cine, digital, XR — que conecta organizaciones con los mercados multiculturales que están transformando América.

Visión

Ser el socio creativo que las organizaciones eligen cuando cultura, idioma y oportunidad de mercado necesitan funcionar juntos — no por separado.

Propuesta de valor

Friendly entrega estrategia, producción y tecnología de primer nivel nativamente en inglés y español — construido desde el día uno para mercados multiculturales, no adaptado después.

Pilares de voz

Confiados, no arrogantes

Afirmamos hechos con autoridad. Sin superlativos, sin evasivas.

Precisos, no fríos

Economía del lenguaje. Cada palabra se gana su lugar.

multicultural, no simbólicos

El español es nativo, no una traducción ni una ocurrencia tardía.

Premium, no exclusivos

Sofisticados pero accesibles. Invitamos, nunca excluimos.

Texto estándar para prensa

Friendly Creative Studios es una agencia creativa con sede en Nueva York especializada en estrategia de marca, diseño digital, producción cinematográfica y tecnología emergente para audiencias de habla inglesa y española. Fundada en 2024, Friendly entrega creatividad de primer nivel nativamente en ambos idiomas.

Frases clave aprobadas

Nativamente multicultural

Estrategia de Madison Avenue, agilidad de Brooklyn

Construido para mercados multiculturales

No traducimos. Originamos.

Creatividad premium, entrega humana

Mensaje por audiencia
CMO / VP

"Su marca no necesita una versión en español. Necesita una multicultural."

Fundador

"Creatividad premium que honra de dónde vienes y a dónde vas."

Prensa

"El estudio creado para la demografía que la mayoría aún llama 'emergente'."

No traducimos campañas. Las originamos.

Friendly Creative Studios · 2026

End of document

friendlycreatives.com/press/brand-guidelines