FreelanceHUB logo graphic
Logos
Brand Graphics
Colours
Typography
Photography
Buttons
Shadows
Content
Forms

Freelance Hub

Style Guide

Introduction

The FreelanceHub Style Guide provides the business with an outline of the brand and all the assets that define its use. It's an evolving document that will be updated as the brand evolves and additional assets are created.

This Style Guide should be referenced whenever the brand is applied.

Logos

Primary Logo

FreelanceHUB logo
FreelanceHUB logo

Symbol

FreelanceHUB logo graphic

Brand Graphics

Large Honeycomb

Honeycomb
honeycomb

Small Honeycomb

small honeycomb
small honeycomb

Colours

Primary

Primary - Black
#000000
C5M5Y5K100
Primary - Yellow
#FFE234
C0M8Y100K0
Support - Blue
#275ABA
C80M70Y0K0

Yellows

Darker Yellow
#FFF009
Mid Yellow
#FFF6C2
Yellow-smoke
#FFFCEA

Greys

Dim Grey
#4D4D4D
Mid Grey
#EAEAEA
White Smoke
#F5F7FA

Typography

Fonts

Gibson Light
Gibson Regular
Gibson SemiBold
Gibson Bold
This is some text inside of a div block.

Headings

AaBbCcDdEeFfGg

H1

AaBbCcDdEeFfGg

H2

AaBbCcDdEeFfGg

H3

AaBbCcDdEeFfGg

H4
AaBbCcDdEeFfGg
H5
AaBbCcDdEeFfGg
H6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph
This is some text inside of a div block.
Text
Text Link
Link
Block Quote
Link

List Items

  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
Unordered List
  1. Lorem Ipsum
  2. Lorem Ipsum
  3. Lorem Ipsum
Ordered List

Photography

Freelancer Working
Freelancer in meeting
Freelancer with tablet
Freelancer with coffee
This is some text inside of a div block.

Buttons

Black Button
Black Outline
Yellow Button

Shadows

Shadow 1
Shadow 2
Shadow 3

Content

Rich Text (nested insode FLH_Rich_Content)

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Bold

Text Link

Italics

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum
Freelancer Working
  1. Lorem Ipsum
  2. Lorem Ipsum
  3. Lorem Ipsum

‍

  • Lorem Ipsum
  • Lorem Ipsum
  • Lorem Ipsum
    ‍
    ‍

Forms

Landing Page
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Contact Page
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.