Brand Guide

Morphos 3D
v1.0, April 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.
Full logo on light Light background
Full logo, white version on dark Dark background
Butterfly icon on light Icon mark, light
Butterfly icon, white version on dark Icon mark, dark
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.
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%
5%
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
ElementFontWeightSizeLine Height
H1 (Hero)Plus Jakarta Sans70048-56px1.1
H2 (Section)Plus Jakarta Sans70032-40px1.2
H3 (Subsection)Plus Jakarta Sans50024-28px1.3
BodyDM Sans40016-18px1.6
Body BoldDM Sans70016-18px1.6
Small / CaptionDM Sans40014px1.5
ButtonPlus Jakarta Sans50014-16px1.0
NavPlus Jakarta Sans50015-16px1.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.
Brand Blue on White
4.7:1 AA Pass
Deep Navy on White
9.5:1 AAA Pass
Signal Green on Navy
5.8:1 AA Pass
Near Black on White
16.6:1 AAA Pass
Signal Green on White
3.1:1 Fails small text
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.
DELMIA robotic welding cellRobotics & automation, DELMIA
DELMIA smart factory floorSmart factory floor, DELMIA
SOLIDWORKS CAM toolpath simulationCAM toolpath, SOLIDWORKS
SOLIDWORKS Simulation von Mises stress plotFEA / simulation visuals
SOLIDWORKS Flow thermal heat mapFlow & thermal analysis
Engineering collaborationOn-brand photography

Do

  • CAD/CAM workspace environments
  • CNC machines, precision parts, metal cutting
  • Engineering collaboration on shop floors
  • Abstract geometry, mesh wireframes
  • Blue-tinted color grading
  • Shallow depth of field

Avoid

  • Generic stock photos (handshakes, pointing at screens)
  • Heavy HDR or oversaturation
  • Dark, gritty industrial photography
  • Images that could be any industry
  • Warm/orange color tones
  • Corporate group shots
08, Spacing
Spacing System
4px base grid. Consistent spacing creates rhythm and keeps the layout feeling engineered, not arbitrary.
Section Padding
64-96px desktop, 48-64px mobile
Component Gaps
16-24px
Max Content Width
1200px, centered
Breakpoints
640px / 1024px / 1280px