Main logo
The primary logo brings the symbol and name together for the most visible brand applications.
01 Logo review
How the logo performs
Logo score
Samuel Robles
A distinctive and well-integrated combination mark, ready for most uses with minor scale testing.
Legibility
Originality
Balance
Scale
02 Logo system
A logo for every setting
Symbol / monogram
The standalone symbol gives the brand a compact signature for avatars and smaller spaces.
03 Color palette
The colors of the brand
Main
Negro Puro
#000000
COLOR PRINCIPAL
- Logo
- Link
- Primary button
- Outlined border
- Headline
Main
Blanco Puro
#FFFFFF
COLOR SECUNDARIO PARA BORDES
- Outlined label
- Secondary button
Support
Marrón Caoba
#915203
COLOR SECUNDARIO
- Icon
- Border
Support
Gris
#C5C8C9
COLOR SECUNDARIO
- Divider
- Focus outline
Neutral
Shell Violet
#F5F3FF
Softer, slightly purple-tinted white for gentle background contrast.
- Primary label
- Secondary label
- Light surface
Neutral
Prism Black
#171323
Very dark blue-violet for legible body text and dark backgrounds.
- Body text
- Dark surface
04 Typography
A consistent voice in type
The brand typefaceBBH Sans Bartle
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.
05 Brand in use
The identity in everyday use
Social profile
App icon
9:41
Samuel Robles
Google search result
Google
Samuel Robles
AllImagesVideosNewsMore
Samuel Robleshttps://samuelrobles.example
Samuel Robles - Official Website
Discover the latest products, services, stories, and updates from Samuel Robles.
Browser tab & favicon
Samuel Robles
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
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