The beauty app
Brand Guidelines
01 — Logo
Logo Variations
The Gildra logo consists of the three-bar mark and the wordmark set in Cormorant Garamond Bold. The three bars represent the three sides of the marketplace: salon owners, beauty artists, and clients.
Primary
GILDRA
The beauty app
Secondary
GILDRA
The beauty app
Light Background
GILDRA
The beauty app
Dark Surface
GILDRA
The beauty app
02 — The Mark
Three Bars
The three-bar mark can be used independently as an app icon, favicon, or watermark. The middle bar is taller, representing balance — the equilibrium between the three sides of the marketplace.
Primary
Secondary
Light
Surface
Gradient
03 — Color
Color Palette
The primary palette is teal on black. The secondary palette inverts to white on teal. Neutral grays provide hierarchy in UI and text.
Primary
Teal 500
Teal — Primary Brand
#14B8A6
rgb(20, 184, 166)
hsl(173, 80%, 40%)
Black
Black — Primary Background
#09090B
rgb(9, 9, 11)
hsl(240, 10%, 4%)
White
White — Secondary Text
#FAFAFA
rgb(250, 250, 250)
hsl(0, 0%, 98%)
Teal Scale
Dark
Teal 600
#0D9488
Base
Teal 500
#14B8A6
Light
Teal 400
#2DD4BF
Lighter
Teal 300
#5EEAD4
Lightest
Teal 200
#99F6E4
Neutrals
Surface
Zinc 900
#18181B
Border
Zinc 800
#27272A
Muted
Zinc 700
#3F3F46
Secondary
Zinc 500
#71717A
Body
Zinc 400
#A1A1AA
04 — Typography
Type System
Cormorant Garamond for display and branding. Inter for UI, body text, and functional elements.
Display / Brand Cormorant Garamond — Google Fonts — Free
GILDRA
Find your space. Build your craft.
The beauty app — connecting salon owners, artists, and clients
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789
UI / Body Inter — Google Fonts — Free
Welcome to Gildra
Browse available chairs, connect with salon owners, and book your next appointment — all in one place. Gildra brings the beauty industry together.
Button Label   |   Navigation   |   Caption Text
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789
05 — Usage
Do's and Don'ts

Do

  • Use the teal-on-black logo as the default
  • Maintain clear space equal to the height of the bars around the logo
  • Use the three-bar mark alone when space is limited
  • Use white-on-teal as the secondary treatment
  • Keep the balanced bar proportions (sides = 70% of center)

Don't

  • Don't change the bar proportions or spacing
  • Don't use the logo on busy or low-contrast backgrounds
  • Don't rotate, skew, or add effects to the logo
  • Don't change the brand colors
  • Don't set the wordmark in a different typeface
06 — In Context
Color Pairings
GILDRA
Find your chair. Build your craft. Book your look.
GET STARTED
Primary — Teal on Black
GILDRA
Find your chair. Build your craft. Book your look.
GET STARTED
Secondary — White on Teal
GILDRA BRAND GUIDELINES — 2026