Brand Assets
Our Identity, Distilled
Everything you need to represent SJ Enterprise correctly. Download logos, reference our color palette, and follow the guidelines below to keep our brand consistent.
01
Logo
02
Color Palette
Brand Blue
Primary brand color. CTAs, links, accents.
Brand Hover
Hover & active states for interactive elements.
Foreground
Primary text, headings, dark surfaces.
Muted
Secondary text, captions, subtle UI.
Background
Page backgrounds, card surfaces.
Surface
Secondary backgrounds, navbar, subtle fills.
03
Typography
Headings
Aa
Google Sans
Used for headings, display text, and the brand wordmark.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Body
Aa
Inter
Used for body copy, UI elements, navigation, and labels.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Type Scale
04
Usage Guidelines
Do
- Use the logo with adequate clear space around it
- Maintain the original aspect ratio when scaling
- Use the blue logomark on white or light backgrounds
- Use the white logomark on dark or brand-colored backgrounds
- Pair Google Sans headings with Inter body text
- Use Brand Blue (#0868ED) for primary interactive elements
Don’t
- Stretch, distort, or rotate the logo
- Change the logo colors outside approved variants
- Place the logo on busy or low-contrast backgrounds
- Add effects like drop shadows, glows, or outlines
- Use the wordmark without the logomark
- Alter the spacing between the logomark and text
Minimum Clear Space
Maintain a minimum clear space of 2x the logomark width on all sides.