Your skin — upgraded.
Award-winning injectables, skin, hair loss and anti-wrinkle treatments in Manchester's Northern Quarter. Subtle, natural results — never overdone. Est. 2019 by Doctor Tina Bani .
Ready to Begin?
Let our doctor-led team design a bespoke plan entirely around you.
"Results that look completely like me — just refreshed."
Sara · Skiin Client
Your skin — upgraded.
Award-winning injectables, skin, hair loss and anti-wrinkle treatments in Manchester's Northern Quarter. Subtle, natural results — never overdone. Est. 2019 by Doctor Tina Bani .
Internal · Brand Pack · V1
Every colour, typeface and rule that makes Skiin feel Skiin — pulled straight from the live site. Share this page with designers, socials or agencies so everything stays unmistakably ours.
01 · Colour
Skiin highlight green
#AAFF00
Bright green navigation pills, highlighted calls to action and hero review stars
Cream
#F5F3F1
Primary homepage and section background
Black
#000000
Headings, green-pill text and outline buttons
Bronze
#6B5345
Booking buttons, links, small labels and icons
White
#FFFFFF
Secondary surfaces: navigation pills, dropdowns and footer; text on bronze buttons
Body grey
#4D4D4D
Supporting paragraphs in the results and treatment sections
Espresso
#2E2621
Hero video placeholder background
Muted text on cream
#626160
Black at 60% opacity on #F5F3F1; this hex is the resulting colour, not a separate brand accent
Divider on cream
#DDDBD9
Black at 10% opacity on #F5F3F1; borders use translucent black, not a separate stone colour
The Skiin highlight is #AAFF00. Colours inside the Google and Trustpilot logos belong to those services, not the Skiin brand palette.
02 · Typography
Inter, served as a single variable font. Nothing else — no serif, no display face. Weight, size and letter-spacing do all the work.
Headlines
Inter · ExtraLight (200) · tight leading
Body copy
Inter · Light (300) · 13–16px · relaxed line height
Eyebrow labels
Inter · Light · 10px · uppercase · 0.4em tracking
Buttons
Inter · Light/Normal · 10px · uppercase · 0.3em tracking
03 · Buttons & links
Primary · Bronze fill · pill · cream/white surfaces
Ghost · on dark imagery & video overlays
Booking pill · green #AAFF00 fill · black #000000 text
04 · Design laws
01
Light, editorial headlines
The current homepage mixes sentence-case headings with uppercase labels. Lowercase is used in this brand sheet, not a universal rule on the live site.
02
Weight over size
Hierarchy comes from font weight (extralight → light → normal) and letter-spacing, never from bold or heavy type.
03
Space is the luxury
Generous padding (32–48px between blocks), airy grids, and nothing cramped. The cream background breathes.
04
Soft geometry
Cards and media use large radii (rounded-2xl/3xl), buttons are always fully rounded pill shapes.
05
Real skin, real people
Photography is always full colour — never grayscale, no filters. Natural light, honest texture, clinical warmth.
06
Green for the highlight
#AAFF00 is the bright highlight for green pills and hero stars. Bronze #6B5345 supports booking buttons, links and icons. No rose palette.
05 · In the wild
Your skin — upgraded.
doctor-led
aesthetics
Award-winning injectables in Manchester's Northern Quarter.
Start My JourneyConcept A · Web hero
"Still me — just refreshed."
Sara · Skiin Client
Concept B · Video overlay
Concept C · Trust badges
06 · Voice
The voice is warm and doctor-led: "Your skin — upgraded" and "Still me — just refreshed". Emphasise subtle, natural results. Keep copy clear and use British spelling. Follow the site's mixed headline casing rather than imposing an all-lowercase rule.