Guidelines and resources for using the Sangari Engineering brand correctly.
On white
On primary
Icon / favicon
Logo (SVG)
Preferred — vector, scalable
Logo (PNG 300 dpi)
For print
Logo (JPEG 300 dpi)
For documents and slideshows
Icon (SVG)
Vector — for web and apps
Icon (PNG)
Raster — for app manifests
Do
Don't
Primary
Deep Navy
#204e70
#e9edf1 18% tint
Secondary
Charcoal
#4a4e54
#ededee 18% tint
Each product category has a dedicated accent color used in product pages and UI elements.
Fluid Mechanics
FMFlow rate, pressure, viscosity, head loss
#0891b2
#e6f4f7 tint
Aerodynamics
ADWind tunnels, lift and drag forces
#7c3aed
#f2ebfd tint
Thermodynamics
THHeat transfer, conduction, convection, radiation
#d97706
#fbf1e6 tint
Statics
STBeams, buckling, bridges, strength of materials
#64748b
#f0f1f3 tint
Kinematics & Dynamics
KDVibration, gyroscopes, rotating machinery
#d626dc
#fbe9fc tint
Chemical Engineering
CHReactions, analysis and chemical processes
#16a34a
#e8f6ed tint
Machinery Diagnostics
MSCondition monitoring, vibration analysis, rotating machinery
#475569
#edeef0 tint
Systems & Control
SYProcess control, feedback loops, automation training
#059669
#e6f5f0 tint
Typeface
Space Grotesk
Weights
300 · Light
The quick brown fox jumps over the lazy dog
400 · Regular
The quick brown fox jumps over the lazy dog
500 · Medium
The quick brown fox jumps over the lazy dog
600 · Semibold
The quick brown fox jumps over the lazy dog
700 · Bold
The quick brown fox jumps over the lazy dog
Headings
H1 — 2.25 rem, 700
H2 — 1.875 rem, 700
H3 — 1.5 rem, 600
H4 — 1.25 rem, 600
Body — 1 rem, 400–500, line-height 1.6
Small / caption — 0.875 rem, 400
Do
sangari.roDon't