FACCINI / DIGITAL IDENTITY01.0 / 2026

Brand
guidelines.

A clear, technical and recognisable visual language. The logo, typefaces and elements that shape the Faccini digital experience.

01 / Identity

The logo.

Use on light backgrounds

Use on dark backgrounds

Blue #0389B9 and grey #9A9999 come from the supplied SVG files. The wordmark retains its original design; Space Grotesk and IBM Plex Sans are proposed for the website.

Logo SVG Symbol SVG
02 / Type system

Type and hierarchy.

Space Grotesk

Medium 500 / Semibold 600
Headings and prominent numbers

IBM Plex Sans

Regular 400 / Medium 500 / Semibold 600
Reading and interface

Sizes in px: mobile / tablet / desktop. Letter spacing: 0.
StyleSizeWeightLine height
Page titleThe shape of spaces.type-page-title36 / 60 / 72600112%
Section titleOur expertise.type-section-title30 / 36 / 48500120%
Card titleFinishes and detailsfont-display24 / 32500130%
Body textTechnical expertise, crafted with care.type-body18 / 20400170%
InformationMilan / Residential / 2024type-caption14400150%
LabelOUR VISIONtype-eyebrow12600150%

Paragraph emphasis

Our team has more than 100 skilled workers, with specialist expertise and ongoing training in techniques and materials.

Semibold 600 in the theme blue: highlight key facts sparingly without interrupting the reading flow.

03 / Color system

One palette, two themes.

Brand colours

Faccini BlueBrand and graphic elements
#0389B9
Faccini GreyOriginal element of the symbol
#9A9999
WhiteSurfaces and reversed logo
#FFFFFF
GraphiteHeadings and dark backgrounds
#18181B

Functional colours

ActionWhite text / 5.98:1 contrast
#026B91
HoverPrimary action interaction
#015575
Links on dark backgroundsText accent in dark mode
#63CEF2

The brand blue remains unchanged in the logo. Digital variants keep links, buttons and states legible.

LIGHT / WHITE

Giving shape to space.

Body text #3F3F46. Secondary information #52525B.

Text accent #026B91

DARK / GRAPHITE

Giving shape to space.

Body text #D4D4D8. Secondary information #A1A1AA.

Text accent #63CEF2
04 / UI kit

Interface elements.

Buttons / Actions

Let's talk Explore projects
Hover / Active
Editorial link

Minimum height 44 px. Visible focus; the label describes the action.

Inputs / States

Categories / Selection

SelectedResidential

Disclosure / Details

Component specifications

A fine divider, a generous clickable area and content with 1.7 line height. The disclosure also works with a keyboard.

Using contrast

Body text requires at least 4.5:1 contrast. Brand grey is a graphic colour, not a paragraph colour on white.

Iconography / Lucide / 20 px / Stroke 1.5

Menu
Close
Open
Download
Back
Next
Expand
Add
Confirm
Light mode
Dark mode
05 / Layout

Space for content.

Grid / 12 columns

A 1280 px container. Margins of 24 px on mobile and 40 px on desktop. Spacing in multiples of 4 and 8.

Rhythm / Spacing scale

8
16
24
32
48
64

Photographic hero

Full-screen media with a centred logo and tagline, a dark overlay for contrast and a service band below. Ready for a future background video.

Inner page headers

Index, high-contrast heading and a short introduction. No blurred text; navigation sits on a stable background.

Accessibility

One H1 per page, H2/H3 hierarchy, body text from 16 px and labels from 12 px. Test both themes and mobile widths.