Main logo
The primary logo brings the symbol and name together for the most visible brand applications.
01 Logo system
A logo for every setting
Symbol / monogram
The standalone symbol gives the brand a compact signature for avatars and smaller spaces.
Wordmark
The wordmark puts the brand name first, with a clear signature for wide and text-led placements.
02 Color palette
The colors of the brand
Main
Squid Yellow
#FFD15C
Vibrant and warm, used for accenting key details and driving recognition.
- Logo
- Link
- Primary button
- Outlined border
- Headline
Main
Warm Cream
#F7F2E8
Soft, bold cream for backgrounds and broad surfaces, supporting maximal legibility.
- Secondary button
Main
Near Black
#111111
Deep black for maximum contrast and confident layouts, including primary backgrounds.
- Outlined label
- Secondary label
Support
Dark Gray
#343434
Balanced dark gray for headings, icons, borders, and structure on light layouts.
- Icon
- Border
- Divider
- Focus outline
Neutral
Paper White
#FFFFFF
Cleanest light background for digital clarity and print friendliness.
- Light surface
Neutral
Soft Sand
#E7DFD0
Gentle light neutral for secondary backgrounds, bringing warmth without glare.
- Text and surfaces
Neutral
Rich Black
#1A1A1A
Readable, near-black neutral ensuring optimal contrast for all body and functional text.
- Body text
- Dark surface
- Primary label
03 Typography
A consistent voice in type
The brand typefaceBebas Neue
Aa Bb Cc Dd Ee Ff Gg0123456789 & !?
01 / The website rules
Website typography preview
See your headline, subheading, and body copy together.
Open a note to inspect its typography rules.
02 / The social rules
Social media typography preview
See every text style together in one post.
Open a note on the left to inspect its typography rules.
Some text extends beyond this preview. Your designer can refine the typography rules.
04 Brand in use
The identity in everyday use
Social profile
App icon
9:41
Digital Squid logo
Google search result
Google
Digital Squid logo
AllImagesVideosNewsMore
Digital Squid logohttps://digitalsquidlogo.example
Digital Squid logo - Official Website
Discover the latest products, services, stories, and updates from Digital Squid logo.
Browser tab & favicon
Digital Squid logo
Favicon inspectionYour logo as a faviconEnlarged artwork preview. Check the browser tab above for small-size readability.
Website header
Ideas / products / services
Built for what
Built for what
comes next.
Thoughtful work for people who expect more.
iPhone dock icon
9:41
Wednesday, July 109:41
05 Brand signature
A signature to remember
Included files
Client access only Files to download
These files are available only to clients with a private access link.
Logo design
Logo filesSVG, PNG, and JPG versions
Logo mockupsPresentation-ready PNG files
Color palette
Color paletteRGB and CMYK reference images
Color strategyPalette rationale and usage guidance PDF
Typography
Website typography guideRules, annotated previews, and font links · PDF
Social media typography guideRules, annotated previews, and font links · PDF
Website typography CSSReady-to-use type styles
Other assets
Brand backgroundsSquare, landscape, and story formats
Favicon packBrowser and device icon files