Visual identity

Style guide

The bcosmetics.it logo sets the tone. White backgrounds and charcoal text let the products stand out, buttons are charcoal and burgundy marks links and active states.

Explore the palette

Colour palette

Minimal style: white, light grey and charcoal. Burgundy is the only accent, used for hover and active states.

White
#FFFFFF
Backgrounds, menus and cards
Pearl grey
#F6F6F6
Background for product photos and panels
Charcoal
#212121
Headings, text and buttons
Dark grey
#727178
Secondary text
Light grey
#E9E9EB
Borders and dividers
Mid grey
#8A8A8A
Input borders
Burgundy
#702C4B
Hover, links and active states

Gold is reserved for the BC monogram in the logo.

Typography

Onest Variable for headings, body copy and interface text.

ONEST · 100–900

Headings · 600

Everyday rituals

Body text · 400

Find products to make part of your daily beauty routine.

Lucide icons

Outline icons with a 1.5 px stroke. Each icon inherits the colour of its text or action.

Search
Makeup
Skincare
Next

Borders and corners

Square corners and thin borders, no decoration.

Buttons, inputs and cards: 0 px
Photo banners: 0 px

See the product card

Product card

An example of how the palette works with catalogue photography.

New
Featured

Bahama Skin

Lychee Lip Balm

Lychee lip balm

€9.90

Review card

An example layout with a product photo, quotation and author.