Brand Guide

Morphos 3D

v1.3, August 2026

01, Logo

Logo System

The Morphos 3D logo is a two-part mark: a geometric butterfly icon paired with a custom wordmark. The name references the morpho butterfly, known for its iridescent blue wings created by light refraction, not pigment.

Light background

Download

Dark background

Download

Icon mark, light

Download

Icon mark, dark

Download

Use the right version for the background. Full color on light or neutral surfaces; the all-white version on dark or photographic backgrounds. Never recolor the gradient into other hues.

Minimum clear space: Half the butterfly icon height on all sides. Never crowd the logo.

Minimum display width: 120px for the combined mark, 32px for the icon alone.

No busy backgrounds. Place the logo on solid or near-solid surfaces only. Use a backing panel if needed.

Which version?

Choose the logo by background, not by preference

The full-color logo is the default for light digital applications. The white logo is the contrast-safe version for dark, saturated, or photographic backgrounds.

Use full color on light backgrounds

Use on pure white and light neutral gray. This is the default for social media, email signatures, digital documents, presentations, and most online graphics built on a light surface.

Use white on dark backgrounds

Use on black, navy, saturated colors, and dark photography. On black, the full-color butterfly icon may be used by itself when contrast is strong, but the full wordmark should be white.

Full-color do

Make full color the default for light digital layouts

Keep the supplied gradient and blue wordmark unchanged. Choose the full wordmark when the name needs to be visible, and the icon when the available space is compact or square.

Pure white

Light neutral gray

Social media

Email signatures

Digital default: If the layout is white or light gray, start with the full-color logo. Use the icon-only version for profile images, avatars, favicons, and other compact placements.

Full-color don't

Do not force full color onto the wrong background

The full-color wordmark has a narrow approved background range. If the blue lettering or gradient loses clarity, switch to the white artwork instead of changing the logo.

Full wordmark on black

Medium or dark gray

Saturated color

Busy imagery or patterns

Recolor the gradient

Add shadows or effects

Use the white mark on solid backgrounds

Keep the supplied white artwork unchanged, centered, and surrounded by clear space. Use it where the full mark remains easy to recognize.

Solid black

Strong red

Saturated green

Strong blue

Background note: The red and green tiles demonstrate use on partner-owned colors. They do not add colors to the Morphos 3D palette.

Don't

Do not modify or weaken the mark

Use the official files as supplied. If the white mark is not clear on the intended background, switch to the full-color version or add a solid backing panel.

Low contrast

Stretch or distort

Rotate the mark

Recolor or add effects

02, Color

Color Palette

All colors derived from the logo's SVG gradients and fills. Nothing invented. The palette flows from deep navy through blue and teal to signal green, mirroring the butterfly's own gradient.

Primary

Brand Blue

#0071BC

Headings, buttons, links

Deep Navy

#003894

Dark sections, footer, overlays

Secondary

Bright Blue

#02A8FC

Hover states, highlights

Teal

#30C6C8

Borders, tags, dividers

Accent

Signal Green

#34C76C

CTAs only. Use sparingly.

Neutrals

Near Black

#0F172A

Dark Gray

#334155

Medium Gray

#64748B

Light Gray

#F1F5F9

Off White

#F8FAFC

White

#FFFFFF

Recommended Ratios

60%

25%

10%

Neutrals Brand Blue + Deep Navy Bright Blue + Teal Signal Green

03, Typography

Type System

Two fonts, clear roles. Plus Jakarta Sans for headings, DM Sans for body text. Both are geometric sans-serifs with rounded terminals that echo the logo's character.

Heading, Plus Jakarta Sans 700

SolidWorks expertise built on the shop floor.

Body, DM Sans 400

Our team has spent years programming toolpaths, debugging post-processors, and optimizing manufacturing workflows. When you call us, you're talking to someone who's made real parts.

Monospace, JetBrains Mono 400

PLC, Perpetual License
YLC, Yearly License
ALC, Annual License Contract

Element	Font	Weight	Size	Line Height
H1 (Hero)	Plus Jakarta Sans	700	48-56px	1.1
H2 (Section)	Plus Jakarta Sans	700	32-40px	1.2
H3 (Subsection)	Plus Jakarta Sans	500	24-28px	1.3
Body	DM Sans	400	16-18px	1.6
Body Bold	DM Sans	700	16-18px	1.6
Small / Caption	DM Sans	400	14px	1.5
Button	Plus Jakarta Sans	500	14-16px	1.0
Nav	Plus Jakarta Sans	500	15-16px	1.0

04, Components

Buttons

All buttons are pill-shaped with solid fills. No ghost or outline buttons. Signal Green is reserved for the primary CTA only.

Shape

Pill (border-radius: 9999px)

Padding

12px 32px

Font

Plus Jakarta Sans 500, 15px

Hover

Darken 10%, scale(1.02), 200ms ease

05, Accessibility

Contrast Ratios

WCAG compliance for all primary text/background combinations.

06, Voice

Brand Voice

Morphos 3D speaks to engineers as peers. Direct, technical, confident. No buzzwords, no fluff.

Direct

Say it in fewer words. No filler, no corporate padding.

Technical

Use precise language. Our audience knows what a toolpath is.

Peer-level

Talking with engineers, not down to them. Conversational but competent.

Confident

We're good at what we do. We don't trash competitors to prove it.

Writing Examples

Don't write "Morphos 3D provides comprehensive SolidWorks solutions designed to streamline your product development lifecycle and drive innovation across your organization."

Write "We sell SolidWorks. We set it up. We train your team. And when something breaks at 2 AM before a deadline, we pick up the phone."

Don't write "Our team of experienced professionals leverages deep industry expertise to deliver tailored solutions."

Write "Our team has spent years on shop floors programming CNC machines and debugging toolpaths. We know the software because we've used it to make real parts."

07, Imagery

Image Direction

Clean, well-lit, blue-tinted engineering and manufacturing photography. Modern and aspirational, never gritty or dated. The examples below, Dassault Systèmes DELMIA and SOLIDWORKS visuals plus on-brand photography, show the look we reach for.