Alessandro Bruno

01Primary logo

Alessandro Bruno

Monogram and wordmark together. Use it when the viewer may not know the mark yet: heroes, covers, presentations, the brand page.

02Logo mark (icon)

The mark on its own: navbar, avatars, favicon, app icons. It is the most recognisable part of the identity.

03Wordmark

Inter Light, uppercase, 0.35em tracking. For footers, email signatures and narrow layouts where the mark would be redundant.

05Colour palette

• Primary Blue#3B82F6The dot, links, active states, focus
• Soft Gray#E8ECF2Main logo shapes, soft surfaces
• Light Blue Gray#D5DCE6Secondary shades, light borders
• Deep Ink#1F2937Text, black monochrome
• Muted Slate#6B7280Captions, labels
• White#FFFFFFBackgrounds, clean space

Click a colour to copy it. Blue is punctuation; white, soft grays and ink do the rest. Small blue text on white uses #2563EB on the site for AA contrast.

06Gradient details

Very restrained gradients: gentle left-to-right tonal shifts, pale blue-gray blending, overlaps that feel transparent. No metallic reflections, chrome or specular highlights: depth comes from tone only.

07Clear space

xxxx

The unit is the dot’s diameter (x). Minimum 1x on every side, 1.5x preferred, 2x in heroes and presentations. No text or UI inside this area.

08Minimum size

Alessandro Bruno

Monogram: 16px absolute minimum, 24px in UI, 64px+ when it leads. Full logo: 120px (180px recommended). Wordmark: 140px.

09Typography

Aa

Inter

Light · Regular · Medium · SemiBold

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

One family. Headings 600 with tight tracking, body 400 at 16px+, labels 500 uppercase. The wordmark is Inter 300 at 0.35em.

10Usage examples

Alessandro Bruno

alessandrobrunoh.it

App icon, business card, browser tab, dark banner.

11Do

• Use the official files from this page — never a screenshot or a redrawn version.
• Give the mark quiet, spacious surfaces: white, soft off-white, pale cool gray.
• Black on white for documents and print, white on dark sections.
• Keep the dot blue in the soft mark and mark-coloured in monochrome.
• Respect the clear space (1× the dot) and the minimum sizes.
• Always provide alt="Alessandro Bruno".

12Don’t

• Add metallic reflections, chrome, bevels or 3D extrusion.
• Add hard outlines or shadows stronger than the brand allows.
• Stretch, rotate, crop or change the proportions of the monogram.
• Recolour the dot, move it, or add more dots.
• Place the soft mark on busy imagery or low-contrast surfaces where it disappears.
• Set the wordmark in a decorative typeface or in sentence case.