Brand identity

Sulaf logo

Social Media, Branding, Packaging

Typography Bebas Neue
Color palette Sulaf Core Palette
Vivid Magenta Red #A0264AGolden Saffron #F9B233Fresh Teal #38A382Pure White #FFFFFFRose Mist #F6E9EADeep Maroon Black #25131B
6 brand colors
01 The idea

The idea behind the identity

Social Media, Branding, Packaging

02 Logo review

How the logo performs

3.6/5
Logo score

Sulaf logo

An elegant and distinctive fusion mark whose premium appeal is limited by a stylistic divide between its calligraphic and Latin elements.

Combination mark
4.6/5
Legibility
3.6/5
Originality
3.3/5
Balance
3.4/5
Scale
4/5
Color
3/5
Style consistency
03 Logo system

A logo for every setting

Main logo

The primary logo brings the symbol and name together for the most visible brand applications.

04 Color palette

The colors of the brand

Main Vivid Magenta Red #A0264A

Rich, vibrant magenta-red for strong, expressive brand presence.

  • Logo
  • Link
  • Primary button
  • Outlined border
  • Icon
Main Golden Saffron #F9B233

Warm golden yellow supporting visibility and energetic highlights.

  • Outlined label
  • Headline
  • Secondary button
Support Fresh Teal #38A382

Balanced teal for accenting, enhancing color depth and distinction.

  • Border
  • Divider
  • Focus outline
Neutral Pure White #FFFFFF

Clean light background for maximum clarity and digital friendliness.

  • Light surface
  • Primary label
Neutral Rose Mist #F6E9EA

Soft light neutral offering gentle contrast with main colors, ideal for secondary backgrounds.

  • Text and surfaces
Neutral Deep Maroon Black #25131B

Dark neutral for headlines, body text, and high readability across all formats.

  • Body text
  • Dark surface
  • Secondary label
05 Typography

A consistent voice in type

The brand typefaceBebas Neue
Aa Bb Cc Dd Ee Ff Gg0123456789 & !?
01 / The website rules

Website typography preview

See your headline, subheading, and body copy together.
Open a note to inspect its typography rules.

Sulaf logoType in context
02 / The social rules

Social media typography preview

See every text style together in one post.
Open a note on the left to inspect its typography rules.

Your typography in one post

Measurements refer to the original 1080 × 1350 px canvas. Open a pill to see the full rule.

Sulaf logo

06 Brand in use

The identity in everyday use

Social profile

9:41
Sulaf logo
128Posts24.8KFollowers312Following
Sulaf logoOfficial profile

News, ideas, and updates from the team.

sulaflogo.example

App icon

9:41
Sulaf logo

Google search result

Google
AllImagesVideosNewsMore
Sulaf logohttps://sulaflogo.example

Sulaf logo - Official Website

Discover the latest products, services, stories, and updates from Sulaf logo.

Browser tab & favicon

Sulaf logo
sulaflogo.example
Favicon inspectionYour logo as a faviconEnlarged artwork preview. Check the browser tab above for small-size readability.

Website header

Ideas / products / services

Built for what
comes next.

Thoughtful work for people who expect more.

iPhone dock icon

9:41
Wednesday, July 109:41
Included files

Files to download

These files are available only to clients with a private access link.

Client access only

Logo design

Logo filesSVG, PNG, and JPG versions

Color palette

Color paletteRGB and CMYK reference images
Color strategyPalette rationale and usage guidance PDF

Typography

Website typography guideRules, annotated previews, and font links · PDF
Social media typography guideRules, annotated previews, and font links · PDF
Website typography CSSReady-to-use type styles

Other assets

Brand backgroundsSquare, landscape, and story formats
Favicon packBrowser and device icon files
Identity prepared by

Anwer Gomaa (Nour)

View designer profile

Community feedback