iamJayChong β€” Brand Identity System v2.0 Β· 2026

Brand Identity System Β· Version 2.0 Β· 2026 Edition

iamJayChong Logo

iamJayChong

Technology Simplicity Β· MarTech Artisan Β· Activation Alchemist

Digital Craftsmanship Series S.O.P. Operating System

Brand Identity Reference Β· Partners Β· Tools Β· Collaborators Β· iamjaychong.com Β· 2026

V1 Sections β€” Retained Gold Label β€” New in V2

01 β€” Brand Philosophy

Precision over performance.
Architecture over activity.

Jay Chong does not teach tactics. He engineers systems. The brand communicates with the confidence of someone who has already solved the problem, and now teaches others to do the same, faster.


Brand Archetype

The Architect

Builds frameworks, not campaigns. Delivers clarity from complexity. At the intersection of craft and technology.

Brand Promise

Technology Simplicity

Not less tech β€” smarter tech. Turning overwhelming digital ecosystems into predictable, scalable growth engines.

Brand Persona

Premium Practitioner

Southeast Asia’s leading MarTech practitioner-author. Accessible premium β€” not corporate distance, not personal blog.


“The brand should feel like a premium tool, not a personal blog.”

Every touchpoint signals: this person knows more than they say, and what they do say is worth reading. Reserved. Precise. Intelligent. Like a well-bound reference book that happens to be beautifully designed.

02 β€” Color System

The palette is the
brand’s first impression.

Derived directly from the logo and book cover. Black and teal is the unmistakable signal. Off-white provides breathing room. Gold is used sparingly in premium contexts only.

Primary Palette

Brand Black#0A0A0APrimary bg, all hero sections
Teal Signature#7DCFCCPrimary accent, borders, CTAs
Off-White#F7F5F2Page bg, card fills
Pure White#FFFFFFCard interiors, contrast sections

Secondary Palette

Teal Dark#4AAEAALabels, hover states
Teal Light#A8E0DDTints, subtle backgrounds
Gold#C9A96EPremium contexts, awards, highlights
Warm Grey#9E9B96Secondary text, metadata
Warm Border#E8E5E0Card borders, dividers
Ink#1A1A1ABody text on light bg

Color Usage Rules

Black + Teal

Default hero and premium state. Never reversed or inverted.

Off-White + Ink

Long-form reading. Body content. Cards.

Gold

Use max twice per page. Speaker creds, premium tier, awards only.

Forbidden

Blue, purple, orange, red, green as accent. No gradients except subtle teal glow.

03 β€” Typography System

Three typefaces.
One voice.

The type system is the brand’s intellectual signal. Cormorant for emotional authority. DM Sans for clarity. DM Mono for precision metadata. Never deviate.

Display Cormorant Garamond
Light Italic
Headlines Β· Pull Quotes Β· Cover Type
Body DM Sans Regular 400 All body copy Β· UI text Β· Navigation
Labels DM MONO Β· UPPERCASE Section labels Β· Metadata Β· Tags Β· Code

Type Scale

H1 β€” clamp(42,7vw,80px) Β· Cormorant 300

Section Hero Title

H2 β€” clamp(28,4vw,50px) Β· Cormorant 300

Subsection Heading

H3 β€” 20px Β· Cormorant 600

Card & Panel Heading

Lead β€” 17px Β· DM Sans 400

This is the lead paragraph style. Slightly larger body for introductory copy.

Body β€” 15px Β· DM Sans 400 Β· Line-height 1.65

Standard body copy. Line height 1.65 minimum. Max content width 680px for articles.

Usage Rules

Heading Pattern

Always pair: 1 roman line + 1 italic em line. Creates rhythm. Never two italic lines together.

Mono Labels

Always uppercase. Always tracked at 0.15–0.22em. Never bold. Teal on dark, teal-dark on light.

Google Fonts CDN

Cormorant+Garamond:ital,wght@
0,300;0,400;0,600;1,300;1,400
DM+Sans:wght@300;400;500
DM+Mono:wght@400;500

Print / PDF

Cormorant 300 at 11pt minimum. DM Sans 9pt minimum. DM Mono 8pt minimum.

04 β€” Logo System

One letter.
Four configurations.

The J monogram is a single capital J in a high-contrast display serif. The prominent serifs are a deliberate design feature β€” they create a distinctive, premium mark. It exists in two shapes (circle, rounded square) and two colorways (dark, light).

iamJayChong Logo
J

Square Dark

Social icons Β· App Β· Favicons

iamJayChong Logo
J

Square Light

Print Β· Documents Β· Light bg

iamJayChong Logo
J

Circle Dark

Instagram Β· Round crop contexts

iamJayChong Logo
J

Circle Light

Watermark Β· Ghost overlay

Full Wordmark Lockup

iamJayChong Logo

iamJayChong

Technology Simplicity

Use for: website header, email signature, presentation covers, media kit, press releases.

Clear Space Rule

Maintain minimum clear space equal to the height of the J character on all four sides of any logo configuration. Never crowd the logo against edges, photos, or other elements.

05 β€” Voice and Tone

Speaks like an expert.
Not a consultant.

The voice is already established across the 3 volumes. This codifies it so every touchpoint sounds like the same person, whether it is a LinkedIn post, a YouTube intro, or a book chapter.

Voice Pillars

Precision

“Structure beats strategy. Execution beats inspiration.”

Clarity

“Technology Simplicity means bringing order to complexity, reducing friction.”

Authority without arrogance

“Written for leaders who want real authority β€” not activity, not noise.”

Tone Per Channel

LinkedIn

Professional, evidence-based, framework-driven. Lead with the insight, support with structure, close with one action.

Instagram

Single idea, visually anchored. One sentence that earns a second read. No hashtag stuffing. Max 3 tags.

YouTube

Direct opener. State the problem in under 10 seconds. Structured teaching. Calm, confident delivery. No hype.

Website / Books

Elevated editorial tone. Cormorant serif for pull quotes. Every word is load-bearing.

Brand Vocabulary β€” Use Consistently Everywhere

Technology SimplicityMarTech ArtisanActivation AlchemistDigital CraftsmanshipS.O.P. Operating SystemShared Β· Owned Β· PaidGrowth ArchitecturePredictable GrowthControl LayerCompounding AuthorityPrecision AccelerationInfluence Architecture

06 β€” Brand Components

Repeatable elements that
compound recognition.

Button System

Get the Series ↗

Primary CTA β€” dark fill

Explore Volume 1 →

Secondary β€” outline

Learn More

Teal accent β€” use on dark bg

Volume Badge System

Vol 01Shared Media
Vol 02Owned Media
Vol 03Paid Media

Teal Accent Rule

32px wide, 2px height, #7DCFCC. Used after headings before body. Signals a deliberate pause between idea and content.

Pull Quote

“Consistent execution builds authority.”

3px teal left border Β· Cormorant italic Β· 18–20px

Section Opener Formula

MONO LABEL
SERIF LIGHT HEADLINE
SERIF ITALIC EMPHASIS
TEAL 32px RULE
ATTRIBUTION LINE

Chapter Opener β€” Reference Pattern

01 β€” Shared Media

Crafting Your
Authority Architecture

JAY CHONG YEN JYE Β· MARTECH ARTISAN Β· 2026

New in 2026

07 β€” Founder Identity

The brand is a person.
This is who that person is.

For partners, media, and collaborators who need a consistent, accurate representation of Jay Chong. Use these blocks verbatim. Do not paraphrase or summarize without approval.

Short Bio β€” 50 Words

Jay Chong is a Digital Marketing Transformation leader and MarTech practitioner based in Southeast Asia. Author of the Digital Craftsmanship Series, he architects the S.O.P. Operating System β€” a growth framework built on Shared, Owned, and Paid media. Founder of iamjaychong.com and Technology Simplicity.

Long Bio β€” 100 Words

Jay Chong is a Digital Marketing Transformation leader managing integrations, processes, data, and communications across multiple markets and brands in Southeast Asia. He is the author of the Digital Craftsmanship Series β€” a three-volume growth architecture built on the S.O.P. Operating System. Through iamjaychong.com, he publishes frameworks, tools, and articles that help marketers and founders build predictable digital ecosystems. His philosophy: Technology Simplicity. His method: systems over tactics, architecture over activity, compounding authority over viral spikes.

Speaker Introduction β€” Event Use

“Our next speaker is a Digital Marketing Transformation leader and practitioner-author from Southeast Asia. He is the creator of the S.O.P. Operating System and author of the Digital Craftsmanship Series. He helps founders and marketers architect growth systems that compound β€” not campaigns that expire. Please welcome, Jay Chong.”

Credential Tags β€” Use in Profiles

TITLEDigital Marketing Transformation Leader
BRANDMarTech Artisan Β· Activation Alchemist
REGIONSoutheast Asia
WEBiamjaychong.com
HANDLE@iamjaychong

Approved Headshot Specifications

J

Headshot A
Square 1:1

1080Γ—1080px Β· Black or dark neutral bg Β· Teal light accent Β· For social profiles

J

Headshot B
Light Version

1080Γ—1080px Β· Off-white bg Β· For press kits, print, speaker decks

J

Headshot C
Portrait 4:3

800Γ—1067px Β· For articles, event programs, media coverage

Photo Direction Rules

Lighting: single-source directional (Rembrandt or split). Dark bg preferred. Teal practical light or subtle rim light acceptable.

Expression: composed, forward-looking. Not smiling broadly. Not stern. Confident neutrality.

Attire: dark tones. Black, charcoal, navy. No patterns. No logos. Clean and editorial.

New in 2026

08 β€” Photography Style

Images carry
brand authority too.

Every image used across social, web, and print must feel like it belongs to the same brand. The photography language is editorial, precise, and intentional β€” never stock-photo generic.

Approved Styles

Environmental / Workspace

Dark desk setups, monitors with code or analytics, notebooks, coffee. Mood: focused, deliberate.

Presentation / Speaking

On-stage or in-session shots. Candid preferred over posed. Teal slide accent in background is ideal.

Product / Book Photography

Flat lay on dark surface. Book covers sharp. Minimal props β€” pen, notebook, phone. No plastic or cheap surfaces.

Abstract / Texture

Dark textures, grid overlays, light bokeh in teal tones. Used as section backgrounds or visual padding.

Reject These

Never Use

Bright, airy “lifestyle” shots (beige, linen, sunlight). Anything that looks like a food or fashion brand.

Never Use

Smiling people pointing at whiteboards, handshake photos, generic office scenes.

Never Use

Stock photos with watermarks visible. AI-generated faces. Over-filtered or heavily color-graded shots in non-brand hues.

Never Use

Photos with competing brand logos visible. No cluttered backgrounds in headshots.

Photo Post-Processing Standard

All photos: slight desaturation (-10 to -20%), gentle contrast lift, shadow detail preserved. Black bg shots: deepen blacks to pure #0A0A0A. Teal tones: subtle boost acceptable. Never add color grading in non-brand hues.

REFERENCE AESTHETIC: Kinfolk magazine + DJI product photography + Monocle editorial.

New in 2026

09 β€” Spacing and Grid System

Space is a
design decision.

The brand uses an 8px base grid. Generous spacing is not waste β€” it is the luxury signal. Crowded layouts communicate discount. Breathing room communicates premium.

Base Unit: 8px

4pxInline icon gap, tight label spacing
8pxBase unit. Chip margin-bottom, small gaps
12pxCard inner top margin, tight components
16pxStandard element spacing, teal rule margin
24–28pxCard padding, component gap
40pxSection padding horizontal, margin-bottom h2
80pxSection vertical padding top and bottom

Layout Rules

Max Content Width

Container max: 1080px. Article body max: 680px. Nav and footer full-width only.

Grid Columns

2-col: equal halves. 3-col: equal thirds. 4-col: logo/icon grid only. No 5-col. No asymmetric grids unless hero feature.

Mobile

All grids collapse to 1-col below 768px. Section padding reduces to 60px / 24px horizontal. Nav wraps, never scrolls.

Negative Space Rule

When in doubt, add space. If a layout feels tight, double the margin. Constraint creates premium, not density.

New in 2026

10 β€” Motion and Animation

Motion signals
intentionality.

Every animation must feel deliberate and earned β€” not decorative. The brand moves like a luxury product demo: smooth, minimal, purposeful. No bounce, no spin, no flash.

Easing cubic-bezier(0.4, 0, 0.2, 1) β€” standard cubic-bezier(0.16, 1, 0.3, 1) β€” entries
Duration Hover states: 200–250ms Page reveals: 400–600ms with stagger
Scroll Reveal translateY(20px) β†’ translateY(0) + opacity 0β†’1 Stagger: 80ms per child element
Hover: Links color β†’ var(–teal), 200ms No underline unless navigation context
Hover: Cards border-color 0.06β†’0.18 opacity, 200ms No translateY lift β€” too playful for brand
Never Bounce, spin, wiggle, flash, scale >1.03 Parallax beyond 0.15 speed differential

New in 2026

11 β€” Co-Branding and Partnerships

The brand pairs well.
On its own terms.

When the iamJayChong brand appears alongside a partner or platform brand, these rules apply. Our brand is never subordinate in its own content. In partner-owned contexts, size parity is the minimum standard.

Placement Rules

iamJayChong Content

Our logo is always primary. Partner logo appears bottom-right or as a small “in partnership with” line in mono. Never larger than our mark.

Partner-Owned Content

Their brand leads. Our wordmark appears in its full lockup form β€” never just the J in isolation. Include handle @iamjaychong.

Co-Created Content

Horizontal lockup. Logos separated by a 1px warm grey divider. Equal sizing. Black or off-white background only.

Co-Brand Lockup Template

In partnership with

iamJayChong

Technology Simplicity

Partner Logo Here

Replace “Partner Logo Here” with actual partner asset. Maintain the divider. Keep on black bg.

Approved Brand Partners (Update as needed)

Digital Craftsmanship Series Β· Jagole Β· ss88.my Β· Technology Simplicity Channel Β· The Hour Glass Group (employer context only β€” not brand endorsement)

12 β€” LinkedIn Playbook

Where authority is
publicly indexed.

LinkedIn is your highest-leverage channel for the Digital Craftsmanship audience. CMOs, founders, agency leads, and senior practitioners. Every post is a credibility deposit.

Post Formula

Line 1 β€” The Hook

One sharp sentence that stops the scroll. A counterintuitive truth or a specific number.

Lines 2–5 β€” The Build

Short lines. One idea per line. Build to the insight. White space as breathing room.

The Framework or List

Name it. Give it structure. Reference S.O.P., 7 Pillars, or P.A.I.D. where relevant.

Closing + CTA

“Get the full framework. Link in bio.”

Weekly Content Mix

Mon β€” Insight Post

Framework breakdown. Pull concept from your books. 150–300 words max.

Wed β€” Case Study

Real scenario from client work, anonymized. Before / After structure.

Fri β€” Book Amplification

Pull quote from a volume. Volume badge visual. Link to purchase or landing page.

LinkedIn Β· Insight Post

Most brands don’t have a traffic problem.
They have a structure problem.

S.O.P. Operating System Β· @iamjaychong

LinkedIn Β· Framework Card

7 pillars.
One external authority engine.

Digital Craftsmanship Vol 01
Shared Media Β· 2026

LinkedIn Β· Quote Pull

“Consistent execution builds authority.”

Jay Chong Β· iamjaychong.com
Technology Simplicity

13 β€” Instagram Playbook

Visual proof of
brand precision.

Instagram is for visual authority. The aesthetic does the convincing before anyone reads a word. Every post should feel like a page pulled from your book.

Post Formats

Quote Card 1:1

Black bg. Cormorant italic headline. Teal rule. Mono attribution. Single idea. Max 10 words on screen.

Carousel 5–7 Slides

Slide 1: bold hook. Slides 2–6: one point each, same visual template. Slide 7: CTA + logo.

Reels 30–60 sec

Text-on-screen teaching clips. Black bg, white text, teal accent lines. Direct to camera or screen recording.

Story 24h

Behind-process content. Writing, whiteboarding a framework, book review responses. The only place for genuine spontaneity.

Grid Strategy

Quote
REEL
Carousel
BOOK
Quote
REEL

Alternate dark/light. Every 3rd is a Reel or Carousel. The grid should feel like a curated editorial.

Caption Formula

1 bold opening line (no emoji) Β· 2–3 supporting sentences Β· 1 question or CTA Β· Max 3 tags: #DigitalCraftsmanship #TechnologySimplicity #iamJayChong

14 β€” YouTube Playbook

Teaching tech at
precision depth.

YouTube is your long-form credibility engine and search-indexed library. One well-produced video that teaches a specific MarTech concept compounds for years. Depth over quantity.

Video Structure

0:00–0:10 Β· The Promise

State exactly what the viewer will understand by the end. No “welcome back” opener.

0:10–1:00 Β· The Problem

Why this matters. Who is suffering from not knowing this. Make them feel the gap.

1:00–8:00 Β· The Framework

Named structure. Clear steps. Screen recordings or diagrams. Reference book chapters for deeper reading.

8:00–End Β· The Bridge

What to do next. Link to book, related video, or community. Content earns engagement β€” never beg.

Thumbnail Template

MarTech Β· Tutorial

How to audit your
GA4 in 30 minutes

iamJayChong Logo

@IAMJAYCHONG

Recommended Series

Series A Β· S.O.P. Explained

One video per chapter of each book. 10–15 min depth.

Series B Β· Tool Walkthroughs

GA4, Search Console, Meta Ads Manager, Semrush. 8–12 min how-to.

Series C Β· Audit Live

Screen share auditing anonymized websites or ad accounts. Highly searchable.

15 β€” Articles and Blog

Your indexed
intellectual library.

Articles on iamjaychong.com are not blog posts. They are authoritative reference pieces. Each should be the best answer on the internet for that specific topic β€” written once, ranking for years.

Article Structure

HeadlineSpecific and searchable. “How to audit your Google Business Profile in 2026” beats “Mastering your digital presence.”
Lead ParaState the problem, who it affects, what this article resolves. 2–3 sentences. No “in this article I will.”
StructureH2 sections with teal accent rule. Named frameworks where applicable. Each section must deliver standalone value.
Length1,500–3,000 words for pillar content. 800–1,200 for supporting pieces. Never pad β€” cut until every sentence earns its place.
CTAEnd with direct reference to relevant book volume. One CTA, not three.

Article Card Template

Shared Media Β· Off-Page SEO

How to Build Backlink Authority Without a PR Budget

Jay Chong Β· 8 min read Β· April 2026

Most backlink strategies fail because they treat links as a volume game. This piece covers the quality-first hierarchy from Digital Craftsmanship Vol 01.

Read Article →

Article Content Pillars

Shared Media β€” backlinks, reviews, social governance Owned Media β€” SEO, CRO, analytics, CMS Paid Media β€” attribution, creative testing, ROAS MarTech Stack β€” tools, integrations, audits SEA Market Insights β€” Singapore, MY, regional

New in 2026

16 β€” Social Cover Specs

Every platform cover is
a first impression.

These are the approved dimensions and layout rules for all platform cover images. All must use the brand palette and include the wordmark lockup. Replace with actual assets once designed.

LinkedIn Banner

1584 Γ— 396px

Black bg. Wordmark left. Tagline center. Book series badge right. Teal 2px bottom border.

YouTube Channel Art

2560 Γ— 1440px (safe zone 1546 Γ— 423px)

Safe zone contains: J mark + wordmark + tagline. Keep all critical elements within the 1546px safe zone.

Twitter / X Header

1500 Γ— 500px

Black bg. J ring mark centered. Wordmark below. Clean. No tagline β€” too small to read.

Facebook / Instagram Bio Cover

820 Γ— 312px (FB) Β· 1080 Γ— 566px (IG Story cover)

Use IG Story cover as brand highlight thumbnails. Dark bg, teal label only, no text crowding.

iamJayChong Logo

iamJayChong

Technology Simplicity

DCS Series

LinkedIn Banner Β· 1584 Γ— 396px reference

Reference mockup. Build actual assets in Figma or Canva using brand palette.

Profile Photo Sizes

LinkedIn

400Γ—400px min Β· 8MB max

Instagram

320Γ—320px displayed Β· Upload 1080px

YouTube

800Γ—800px recommended

Twitter / X

400Γ—400px Β· Cropped circular

New in 2026

17 β€” Presentation Deck Template

Every slide is a
brand statement.

Decks for client proposals, speaking, and partnerships must follow these layout rules. No corporate PowerPoint defaults. The deck should look like the brand kit.

Slide Layout System

Cover Slide

Full black. J ring mark center-left. Title in Cormorant 40pt. Subtitle in mono small caps. Teal accent rule. Logo bottom-left.

Content Slide

Off-white bg. Black section label top-left in mono. Cormorant H2. Body DM Sans 16pt. Max 4 bullet points per slide. One idea per slide preferred.

Dark Emphasis Slide

Full black. Single pull quote in Cormorant italic white. Teal 3px left border. J mark bottom-right. Use for key insights and chapter breaks.

Data / Framework Slide

Off-white bg. Data in Cormorant numbers large. DM Mono for labels. Teal for highlight values. Avoid bar charts with default colors.

Deck Slide Preview

03 β€” S.O.P. Framework

Building Systems,
Not Campaigns

S β€” Shared

External authority signals

O β€” Owned

Controlled growth layer

P β€” Paid

Precision amplification

Deck Spec

16:9 widescreen Β· 1920Γ—1080px Β· Google Slides or Keynote. Export as PDF for sharing. Embed fonts before export.

Never share editable .pptx with partners. PDF only for external distribution.

18 β€” Digital Name Card

The first impression
you control completely.

Your digital name card is the most-shared single-screen representation of your brand. It must work as an image, a link, and a QR. Every element follows the brand system exactly.

Name Card Design

iamJayChong Logo

Jay Chong

@iamjaychong

MarTech Artisan Β· Activation Alchemist

Technology Simplicity

iamjaychong.com Digital Craftsmanship Series

1080x617px (1.75:1 ratio). Share as PNG. Embed QR linking to homepage or book landing.

Three Variants

A β€” General

Name, title, website, QR to homepage. For events, email signatures, WhatsApp sharing.

B β€” Book Specific

Add Volume badge right side. QR links to book landing page. Use when promoting the series.

Distribution Points

Email signature Β· WhatsApp status Β· LinkedIn banner Β· Physical print (matte black card stock) Β· NFC tap card

19 β€” Do and Don’t

What the brand is.
What it is not.

✓ Visual β€” Do
  • Use black background for all hero and premium sections
  • Teal borders at 2–3px β€” precise, never bold or thick
  • Cormorant italic for emotional and conceptual emphasis
  • Mono small caps for labels, categories, and metadata
  • Generous white space β€” never pack elements
  • Off-white (#F7F5F2) for page backgrounds
  • 32px teal accent rule under section headers
  • Single J mark in teal-bordered circle or square only
✕ Visual β€” Don’t
  • No gradient fills on buttons, backgrounds, or shapes
  • No blue, purple, orange, or red as accent colors
  • No pill buttons with large padding
  • No mesh or abstract background on brand hero sections
  • Never distort, recolor, or add effects to the J logo
  • No logo on any color except black or white
  • No more than 2 typefaces in any single composition
  • No drop shadows on typography
✓ Voice β€” Do
  • Lead with the insight, not the preamble
  • Use named frameworks and systems consistently
  • Reference tangible outcomes and specific timeframes
  • Write in second person when addressing practitioners
  • Use precise verbs: engineer, architect, design, deploy
  • Credit collaborators and contributors openly
  • Position as practitioner-author, not guru
✕ Voice β€” Don’t
  • No hustle-culture language (“crush it”, “beast mode”)
  • No unsupported superlatives (“the best guide ever”)
  • No vague cliches (“disrupting”, “game-changing”)
  • No excessive emoji β€” zero in long-form
  • No passive CTAs (“click here” β€” use “Get the Series”)
  • Never claim expertise without a supporting reference
  • No self-deprecation in professional contexts

20 β€” Channel Ecosystem

Every platform has
one job to do.

The brand does not need to be everywhere. It needs to be consistent where it exists. Each channel serves a distinct role in the S.O.P. ecosystem.

LinkedIn

Authority Builder

Long-form frameworks, case studies, book amplification. Primary B2B audience. 3x/week.

Instagram

Visual Brand Signal

Aesthetic proof. Quote cards, carousels, Reels. Brand recognition engine. 4–5x/week.

YouTube

Depth Library

Search-indexed teaching content. Compounds over time. Quality over quantity. 1–2x/week.

Website / Articles

Owned Hub

All roads lead here. SEO authority, book sales, community. 1–2 pillar articles/month.

Email Newsletter

Owned Audience

Weekly digest. What you learned, what you published, one actionable idea. Zero algorithm dependency.

Podcast / Audio

Future Channel

Repurpose YouTube audio. Interview format with SEA MarTech practitioners. Launch after YouTube is established.

New in 2026

21 β€” Brand Crimes

What kills the brand
instantly.

These are not guidelines β€” they are hard stops. Any execution that falls into these categories is to be rejected, reworked, or escalated immediately. No exceptions for deadlines.

Crime 01 β€” Wrong Typeface

Using Inter, Roboto, Open Sans, or any system sans for headlines. Using any serif other than Cormorant Garamond.

FIX: Replace with Cormorant 300 for display, DM Sans for body immediately.

Crime 02 β€” Off-Brand Accent Color

Using blue (#3B82F6), purple, coral, or orange as accent. Especially inside hero sections or CTAs.

FIX: Replace with #7DCFCC teal or #C9A96E gold only.

Crime 03 β€” Gradient Overuse

Rainbow or multi-hue gradients on buttons, backgrounds, text, or section fills. Radial teal glow (subtle) is the only permitted gradient.

FIX: Solid fills only. Black, teal, or off-white.

Crime 04 β€” Overcrowded Layout

More than 4 elements competing for attention on a single screen. Dense text blocks without section breaks. Section padding below 40px.

FIX: One idea per section. Double the margin. Let it breathe.

Crime 05 β€” Hype Voice

Exclamation marks in headers. “AMAZING” or “TRANSFORM YOUR LIFE” copy. Emoji in professional contexts. Hustle buzzwords in any published format.

FIX: Rewrite. Lead with the insight. One declarative statement.

Crime 06 β€” J Logo Misuse

Placing J mark on colored, patterned, or photo backgrounds. Distorting proportions. Using J in italic. Removing the teal border ring.

FIX: Black or white backgrounds only. Maintain teal border. Maintain the serif J character exactly.

2