Skip to main content
Friendly Creative Studios2026
Brand guidelines

BRAND
GUIDELINES

High-end, bilingual, multidisciplinary creative agency. Madison Avenue strategic polish. Brooklyn creative agility.

01 / 13
01Foundation
Mission

To deliver sophisticated, natively bilingual creative solutions that connect organizations with multicultural markets through brand strategy, digital experiences, and emerging technology.

Vision

To be the definitive creative partner for organizations navigating the intersection of culture, language, and technology in the American market.

Positioning

Premium creative studio focusing on high-ticket brand, web, film, XR, and AI solutions, with deep expertise in US Hispanic and multicultural markets.

Target audience

CMOs, founders, and VPs of marketing at mid-tier to enterprise brands looking for high-conviction deliverables and an authentic push into broader demographics.

Brand promise

Flawless execution with a breathtaking, modern aesthetic. We take your business seriously and deliver it with the confidence of a premium studio — never a template shop.

Core values
Precision

Flawless execution in every pixel and word

Warmth

Human, approachable, never cold or clinical

Bilingual 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
Friendly Creative StudiosBrand guidelines · 202603 / 13
02Brand personality
We are

Warm and approachable

Intelligent and strategic

Highly competent

Confident without arrogance

Sophisticated, NYC-based

Natively bilingual (EN/ES)

We are not

Arrogant or exclusive

Clinically cold

Chaotically humorous

Startup buzzword-heavy

Subservient or apologetic

A low-value Fiverr shop

"Corporate but Cool" explained
Corporate

We take their business seriously. Flawless execution, robust KPIs, error-free communication.

Cool

We deliver it with a breathtaking, modern, minimalist aesthetic. No boring templates.

Personality spectrum
StrategicApproachable
PremiumHuman
ConfidentWarm
PreciseClear
Quick tone reference
Sound likeAn intelligent peer across the table
Never sound likeA corporate press release
LanguageClear, active, specific
ConfidenceAuthoritative — never arrogant
Friendly Creative StudiosBrand guidelines · 202604 / 13
03Logo
Full wordmark
Primary · color
Reversed · white
Mono · black
Primary · color on white
Reversed · white on dark
Mono · black
On brand surfaces
Reverse on purple
Reverse on crimson
Reverse on purple
Reverse on crimson
Brand mark (icon only)
Mark · color
Mark · white
Mark · black
Mark · color
Mark · white on dark
Mark · black
Friendly Creative StudiosBrand guidelines · 202605 / 13
03Logo — exclusion zone & rules

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

Full wordmark — 2x clear space on all sides
2x
2x
Friendly wordmark — exclusion zone diagram
2x
2x
Standalone mark — x clear space on all sides
x
x
Friendly mark — exclusion zone diagram
x
x
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

Logo misuse

Rotate or skew

Change brand colors

Add shadows or gradients

Place on busy backgrounds

Stretch or distort

Rearrange elements

Add outlines or strokes

Use color version on dark bg

Recreate in another typeface

Friendly Creative StudiosBrand guidelines · 202606 / 13
04Color 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 scale · H:279 S:82%
50
100
200
300
400
500
600
700
800
900

500 = brand primary #510C76

Crimson scale · H:342 S:100%
50
100
200
300
400
500
600
700
800
900

500 = brand accent #EB0045

Neutral scale · H:279 S:3–5% (purple-tinted)
50
100
200
300
400
500
600
700
800
900

Harmonized with brand hue

Surfaces
White · Canvas#FFFFFF
Muted#F5F4F1
Alt#EFEEE9
Color ratios
60% White (canvas)30% Purple (brand)10% Crimson (accent)
Accessible pairings (WCAG)
Aa
White / Gray 90015.4:1 · AAA
Aa
White / Gray 70010.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
Friendly Creative StudiosBrand guidelines · 202607 / 13
05Typography
Typefaces — three, no more
Headlines · h1–h4

Plus Jakarta Sans

Aa Bb Cc Dd Ee Ff Gg 0 1 2 3 4

400 · 500 · 600 · 700 · 800

Display · hero only

Raleway

Aa Bb Cc Dd Ee Ff Gg 0 1 2 3 4

800 · UPPERCASE only

Body & UI

DM Sans

Aa Bb Cc Dd Ee Ff Gg 0 1 2 3 4

400 · 500 · 700

Type scale — semantic tokens
.t-display48–80px800RalewayHero UPPERCASE
.t-h136–56px700Plus JakartaPage headings
.t-h228–40px700Plus JakartaSection headings
.t-h320–28px600Plus JakartaCard headings
.t-h416–20px600Plus JakartaGrid 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

Friendly Creative StudiosBrand guidelines · 202608 / 13
06Spacing & 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+
Motion system (GSAP)
Fast · Hovers / micro-UI300ms · power3.out
Medium · Reveals / overlays500ms · power3.out
Slow · Section entrances800ms · power3.out
Cinematic · Hero / brand intro1200ms · power3.out
Friendly Creative StudiosBrand guidelines · 202609 / 13
07Photography & imagery
Use

High-fidelity, editorial photography

Natural light, real environments

Contextual 3D renders for tech/XR

Grayscale treatment (default state)

Color reveal on hover/interaction

Diverse, authentic representation

Never use

Vector drop shadows on photos

Cartoon tech-bro illustrations

Arbitrary gradients or overlays

Generic stock photography

Low-resolution or compressed images

Clip art or icon illustrations

Image treatment
Default statefilter: grayscale(1) · object-fit: cover
Hover statefilter: grayscale(0) · transform: scale(1.05)
Transition1s var(--ease-out)
Aspect ratios21/9 · 16/10 · 4/5 · 4/3 · 3/4 · 3/1
08Iconography & assets
Icon system
LibraryLucide Icons
Sizes16px · 20px · 24px
Stroke2px (default)
StyleOutlined only
ColorInherits text color
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)
Friendly Creative StudiosBrand guidelines · 202610 / 13
09Voice & tone
Confident, not arrogant

We state facts with authority. No superlatives.

Precise, not cold

Economy of language. Every word earns its place.

Bilingual, not token

Spanish is native, not a translation.

Premium, not exclusive

Sophisticated but accessible. We invite, never gatekeep.

Tone spectrum by context
MarketingVisionary, welcoming, confident
ServicesStrategic, value-driven ("We architect," not "We build")
CTAsAction-oriented, commanding, high-value
FormsConversational but structured ("Strategic Briefing")
ErrorsReassuring, helpful — never blame the user
Empty statesOptimistic and directive — never pessimistic
10Writing rules
Principles

Clear > Clever

Active voice always

Elevate the user, never blame

Concise — no filler words

Back up every claim

Banned words

"failed"

"error" (use "let's review")

"nothing" / "no data"

"wrong" / "unable to"

"fatal" / "forbidden"

"hack" / "disrupt"

Headlines

Sentence case · max 12 words

No periods on single phrases

Eyebrows: ALL CAPS, tracked

Lead with benefit or tension

No raw buzzwords without proof

UX copy — do / don't
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"
Friendly Creative StudiosBrand guidelines · 202611 / 13
11Do / don\u2019t
Do · Logo

Use on solid white or brand purple

Maintain clear space on all sides

Use correct variant per background

Scale proportionally

Don’t · Logo

Place on photographs or gradients

Use color logo on dark backgrounds

Add outlines, shadows, or glow

Recreate in another typeface

Do · Color

Purple 500 for primary interactive

Crimson only for errors/tactical emphasis

Maintain WCAG AA contrast (4.5:1 min)

Follow 60/30/10 ratio

Don’t · Color

Crimson as primary or decorative

Off-palette colors (blue, green, orange)

Drop shadows or depth gradients

Light text on light backgrounds

Do · Typography

Plus Jakarta Sans for all h1–h4

DM Sans for all body and UI

Raleway only for hero UPPERCASE display

Use t-* tokens exclusively

Don’t · Typography

Raleway for subheadings or body

Additional typefaces beyond the 3

Manual bold, italic, or uppercase

Raw Tailwind text-3xl, font-bold, etc.

Do · Imagery

High-fidelity editorial photography

Grayscale default, color on hover

Natural light, real environments

Diverse, authentic representation

Don’t · Imagery

Cartoon tech-bro illustrations

Vector drop shadows on photos

Generic clip art or stock photography

Arbitrary gradients or overlays

Friendly Creative StudiosBrand guidelines · 202612 / 13
12Design principles
01Corporate = systemic

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

02Cool = motion

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

03White = transparency

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

14Contact
Press inquiries

press@friendlycreatives.com

Media, interviews, speaking

Brand assets

friendlycreatives.com/press

Logos, guidelines, downloads

© 2026 Friendly Creative Studios. All rights reserved.

13Legal & trademark
Trademark symbol

Use ™ on first mention of "Friendly Creative Studios" in external materials.

Copyright notice

© 2026 Friendly Creative Studios. All rights reserved.

Logo ownership

The Friendly logo and mark are proprietary. Do not modify, adapt, or redistribute.

Co-branding

Partner logos must be equal or smaller in size. Maintain clear separation. Contact brand team for approval.

Localization

All materials must be available in English and Spanish. Neither is a translation — both are native.

Friendly Creative StudiosBrand guidelines · 202613 / 13