Official Brand Guidelines

بيبلون Beblon

Premium Furniture & Custom Wardrobes

This document outlines the visual identity standards for Beblon. Use these guidelines to ensure brand consistency across all touchpoints.

Version 1.0
Last Updated December 2024
Region Saudi Arabia
01

Brand Identity

The foundation of our visual language

Brand Essence

Beblon represents luxury, craftsmanship, and timeless elegance in furniture design. Our brand identity reflects the warmth of copper, the richness of gold, and the sophistication of deep charcoal tones, creating a visual language that speaks to discerning homeowners in Saudi Arabia and beyond.

Luxury

Premium materials, refined finishes, exceptional quality

Craftsmanship

Handcrafted excellence, attention to detail, artisan heritage

Customization

Bespoke solutions, personal expression, tailored design

Elegance

Timeless aesthetics, sophisticated style, refined taste

Brand Name

Arabic بيبلون
English Beblon

Pronunciation: BEB-lon (emphasis on first syllable)

Never: Beblan, Bebloon, Bebolin

Tagline

أثاث فاخر وخزائن مخصصة

Premium Furniture & Custom Wardrobes

The tagline should always appear in both languages when space permits.

02

Color Palette

Our colors reflect warmth, luxury, and sophistication

Primary Colors

Copper

Copper

Primary brand color. Use for CTAs, accents, and key elements.

HSL 25, 60%, 50%
HEX #CC7033
RGB 204, 112, 51

Copper Light

Hover states, highlights

HSL 25, 55%, 65%
HEX #D4956B

Copper Dark

Active states, depth

HSL 25, 65%, 35%
HEX #93491F

Accent Colors

Gold

Gold

Premium highlights, gradients, special elements

HSL 38, 75%, 55%
HEX #E0A830
RGB 224, 168, 48

Gold Glow

Glows, sparkles, emphasis

HSL 38, 80%, 65%
HEX #E8BC5C

Neutral Colors

Charcoal

Primary background (dark mode)

HSL 30, 15%, 6%
HEX #100E0D

Charcoal Light

Cards, surfaces, elevations

HSL 30, 12%, 12%
HEX #201D1B

Warm Gray

Borders, dividers, subtle elements

HSL 30, 8%, 25%
HEX #433F3B

Cream

Primary text, light elements

HSL 35, 30%, 92%
HEX #F0EBE4

Gradients

Luxury Gradient

Primary gradient for buttons, accents

linear-gradient(135deg, hsl(25, 60%, 50%) 0%, hsl(38, 75%, 55%) 100%)

Dark Gradient

Background depth, overlays

linear-gradient(180deg, hsl(30, 15%, 4%) 0%, hsl(30, 12%, 10%) 100%)

Card Gradient

Card backgrounds, surfaces

linear-gradient(145deg, hsl(30, 12%, 12%) 0%, hsl(30, 10%, 8%) 100%)
03

Typography

Our type system balances readability with character

Kufam كوفام

Kufam

Display / Headlines

Kufam is our display typeface, used for all headlines and titles. Its geometric construction with subtle Arabic influences creates a distinctive, premium feel that works beautifully in both languages.

Regular 400 Medium 500 SemiBold 600 Bold 700 ExtraBold 800 Black 900
Use for: Page titles, section headers, hero text, navigation, buttons
Fustat فسطاط

Fustat

Body / UI Text

Fustat provides excellent readability for body text and UI elements. Its variable weight range offers flexibility across all text sizes.

Light 300 Regular 400 Medium 500 SemiBold 600 Bold 700
Use for: Body text, descriptions, labels, form fields, captions

Type Scale

Display Beblon 4.5rem / 72px • Bold
H1 Premium Furniture 3rem / 48px • Bold
H2 Custom Wardrobes 2.25rem / 36px • SemiBold
H3 Luxury Interiors 1.875rem / 30px • SemiBold
H4 Bespoke Design 1.5rem / 24px • Medium
Body Large Transform your living spaces into luxurious sanctuaries 1.125rem / 18px • Regular
Body Discover handcrafted furniture that speaks to timeless elegance 1rem / 16px • Regular
Small Premium materials sourced from the finest suppliers 0.875rem / 14px • Regular
Caption Riyadh, Saudi Arabia • +966 56 225 2339 0.75rem / 12px • Medium
04

Logo Usage

Guidelines for proper logo application

Beblon Logo White

Primary Logo — White

Use on dark backgrounds (preferred)

Beblon Logo Color

Primary Logo — Color

Use on light backgrounds

Logo Variations

Arabic Navbar White
Arabic Wordmark — White
Arabic Navbar Color
Arabic Wordmark — Color
English Navbar White
English Wordmark — White

Clear Space & Sizing

X

Clear Space

Maintain clear space equal to the height of the "B" letterform (X) on all sides of the logo. This ensures visual breathing room.

25mm Print
80px Digital

Minimum Size

To ensure legibility, never reproduce the logo smaller than 25mm wide in print or 80px wide on screen.

Logo Misuse

Never apply these treatments to the logo

Don't stretch
Don't stretch or distort
Don't rotate
Don't rotate
Don't recolor
Don't use unapproved colors
Don't add effects
Don't add drop shadows
Don't outline
Don't outline
Don't place on busy backgrounds
Don't use on busy backgrounds
05

UI Components

Interactive elements and design patterns

Buttons

Border Radius calc(0.5rem - 4px) = 4px
Padding 0.75rem 2rem
Font Weight 500 (Medium)
Transition all 0.3s ease-out

Cards

Card Title

Premium furniture crafted with excellence

Background hsl(30, 12%, 10%)
Border 1px solid hsl(30, 12%, 20%)
Border Radius 0.5rem (8px)
Shadow 0 4px 20px -4px rgba(0,0,0,0.5)

Form Elements

Background hsl(30, 12%, 18%)
Border 1px solid hsl(30, 12%, 20%)
Focus Ring 2px copper at 50% opacity

Shadows & Effects

Soft Shadow --shadow-soft
Luxury Shadow --shadow-luxury
Glow Effect --shadow-glow
Soft 0 4px 20px -4px hsl(30 20% 5% / 0.5)
Luxury 0 8px 32px -8px hsl(25 60% 50% / 0.25)
Glow 0 0 40px hsl(38 75% 55% / 0.15)

Spacing System

4px --space-1
8px --space-2
12px --space-3
16px --space-4
24px --space-6
32px --space-8
48px --space-12
64px --space-16

Border Radius

4px --radius-sm
6px --radius-md
8px --radius
12px --radius-lg
16px --radius-xl
Full --radius-full
06

Imagery

Visual content guidelines and photography style

Beblon Storefront

Photography Style

Our photography emphasizes warmth, craftsmanship, and luxury. Images should feel inviting while showcasing the premium quality of our furniture and spaces.

Photography Guidelines

  • Warm, natural lighting (golden hour preferred)
  • Clean, uncluttered compositions
  • Focus on material textures and details
  • Lifestyle context when appropriate
  • Consistent warm color grading
  • Cold, clinical lighting
  • Over-saturated colors
  • Heavy filters or effects

Image Treatments

Gradient Overlay
Gradient Overlay
Hover Zoom
Hover Zoom (1.1x)
07

Voice & Tone

How we communicate with our audience

Brand Voice

Beblon speaks with confidence, warmth, and refined elegance. Our communication reflects our commitment to quality and our respect for our clients' discerning taste.

Confident

We stand behind our craftsmanship with pride

Warm

We create welcoming, personal connections

Refined

We communicate with sophistication and clarity

Authentic

We are genuine and transparent in all interactions

Writing Guidelines

Do

  • Use clear, elegant language
  • Focus on benefits and experiences
  • Honor Arabic linguistic traditions
  • Be respectful and professional
  • Highlight craftsmanship stories

Don't

  • Use technical jargon unnecessarily
  • Be overly casual or colloquial
  • Make exaggerated claims
  • Use pushy sales language
  • Neglect cultural sensitivities

Bilingual Communication

Arabic

اكتشف خزائن وأثاث فاخر مصمم خصيصاً لتحويل مساحات معيشتك إلى ملاذات من الفخامة والراحة.

English

Discover bespoke wardrobes and premium furniture designed to transform your living spaces into luxurious sanctuaries.

Arabic content takes precedence for the Saudi market. English translations should maintain equivalent tone and meaning, not literal word-for-word translation.

08

Downloads

Access official brand assets

Logo Package

All logo variations in PNG, SVG, and PDF formats

Download Logos

Color Palette

ASE, CLR, and CSS color files for design tools

Typography

Font files and web font package

Get Fonts

Image Gallery

High-resolution product and lifestyle images

Questions?

For brand-related inquiries or to request additional assets, please contact our team.