Brand Identity Guide
jCode Studio LLC™
The visual language, voice, and values behind the studio — a living reference for how jCode Studio looks, sounds, and shows up.
01 — Tagline
Brand Tagline
Three directions — each with a distinct personality. The recommended option is deployed across the site. The others are available for specific contexts.
Built to feel. Designed to last.
Covers both halves of the studio — development and design — in one crisp contrast. “Feel” carries double meaning: emotional resonance and tactile quality. “Last” speaks to longevity and craft over shortcuts.
Best for
Hero headlines, business cards, pitch decks
Where creativity compiles.
A developer’s pun that rewards the right audience. “Compiles” is a coding term that doubles as “comes together.” Fun, clever, and memorable — especially with a technical or startup crowd.
Best for
Social bios, conference badges, casual contexts
Your vision, precisely built.
Centers the client and positions jCode Studio as a precise, reliable execution partner. “Precisely” signals craft without arrogance. Works well in service-oriented or proposal contexts.
Best for
Proposals, service pages, client-facing decks
02 — Color
Color System
Six colors, one accent, no additions. Deep purple and ink plum carry every surface and every word; berry is the only color that ever calls for a click.
The Palette — Six Colors, No Additions
Deep Purple
#5E4875
Primary — solid section backgrounds, avatars, footer
Ink Plum
#3C2B4D
All headlines and body text — never pure black
Berry
#B03A63
The only accent — links, buttons, focus rings
Muted Lilac
#AA9CB9
Watermarks and decoration only — never text
Starlight
#E8E0F0
Light tint — alternate sections, chips
Warm Paper
#F7F4F0
Default page background
Neutrals
Ink
#2d2438
Dark UI, decorative use outside the core palette
Cream
#F5F3EE
Warm off-white backgrounds
Grey
#f1f2f2
Subtle section dividers
White
#ffffff
Card surfaces, clean bg
03 — Typography
Type System
Display & Headings
Prata
Refined, high-contrast, and editorial. Prata is the same typeface used in the jCode Studio logo, used at Regular weight for headlines and display moments. It gives the studio its signature — considered, a little bit literary, unmistakably its own.
Body & UI
Be Vietnam Pro
Clean, modern, and highly legible at every weight. Be Vietnam Pro handles everything Prata doesn't — paragraphs, labels, navigation, tags, and UI text. Used across weights 400–700 to create hierarchy within running text.
Creative Vision
Playfair Display — hero moments only
Web Projects
Playfair Display — page titles
What I can build
Playfair Display — section headings
Frontend Development
Playfair Display — card headings
Project Overview
DM Sans Bold — sub-headings
Accessible, responsive digital experiences crafted with care.
DM Sans 400 — intro text
Clean, maintainable code built for the long haul — not just the demo.
DM Sans 400 — paragraphs
Updated March 2026 — Last reviewed by Joan Karstrom
DM Sans 400 — secondary text
React · Next.js · Tailwind CSS · Figma
DM Sans 500 — tags, chips
Featured Project
DM Sans 700 — eyebrow labels
04 — Values
The Four C's
Every decision at jCode Studio runs through these four principles. They're not aspirational — they're operational.
Craft
Everything at jCode Studio is made with deliberate attention. No templates, no shortcuts. Every pixel, every line of code, every word is considered.
Clarity
Complexity is inevitable. Confusion is not. The studio's job is to translate messy problems into clean, intuitive experiences — on screen and off.
Character
jCode Studio work has a personality. Warm, a little playful, deeply professional. Never generic. Never forgettable.
Connection
Technology is always in service of people. Every project is ultimately about creating a moment of genuine connection between a user and an idea.
05 — Voice
Voice & Tone
jCode Studio writes like a skilled creative talking to a smart human — never a robot talking to a search engine.
Hero headline
Built to feel. Designed to last.
Welcome to jCode Studio — Your Full-Service Web Development Agency
CTA button
Let's Connect
Submit Inquiry
Error state
Something went sideways — let's fix it.
Error 500: Internal Server Error
Project description
A gamified platform that reached 15k students in its first week.
A web application built using React and Next.js for Crime Stoppers of Houston.
Living Document
This guide grows with the studio.
As jCode Studio LLC™ evolves, so will this document. Colors get refined, voice gets sharper, and new components get documented here.