Style Guide

Alert - Style

  • ×
  • 7 days ago × Congratulations! Your posting is now live on Craigslist for your manager Click here to increase your job's visibility and get more candidates!

Color - Swatches

Currently we are using the following color codes other than BOOTSTRAP 3. Better to use different shades of provided color than new.

#333333 Used for default text color
#656565 Used for icon's color
#999999 Used for nav-stacked dummy heading
#EBEBEB Used for clicked state of default button color (btn-default), border color in gray section of popup
#EEF2F3 Used for page background
#F8F8F8 Used for default button color (btn-default), background color (alternate tuple)
#FFFFFF Used for hover state of default button color (btn-default)
#16A8E2 Used for link color
#67CBFC Used for link hover color
#00a5b5 Used for primary btn color (btn-primary), link btn color (btn-link), OPEN text color, slider background color, custom radio/checkbox color and some other hover states
#008491 Used for hover state of primary btn color (btn-primary)
#fccf1d Used for active font awesome star color
#E36306 Used for CLOSED color
#81d134 Used for OPEN color, activated tuple tick mark's background, steps completed, questionnaire correct text
#81B5F2 Used for DRAFT color
#9B9B9B Used for ARCHIVED color
#BBBBBB Used for disabled font-awesome social link text, foooter's text and link color
#FAEB97 Used for border color (emphasized tuple)
#FFFBEE Used for background color (emphasized tuple)
#1c425d Used for top navbar background, heading background, popup heading color in questionnaire, application flow
#ffc100 Used for warning icon color and border of textbox with warning
#dddddd Used for border (widget)
#F3F3F3 Used for background color (gray section in popup)
#265a7f Used for navbar's link hover background color
#F7F9FA Used for stacked nav-tabs background, candidate status button hover state
#dc5501 Used for validation text color, error widget heading background color and form field border
#fde6d8 Used for background color of error widget message
#f5a623 Used for highlighted button's text and border in navbar
#eeeeee Used for disabled input and inactive font awesome star color
#000 Used for heading
#ccc Used for input placeholder text
#f5fdea Used for alert-success background
#7fc02d Used for alert-success border

Color - Accent Colors for Main Sections

Use these colors only for the three main sections sparingly.

#F1BF2A 'My Jobs' and 'Create a job' button color
#b0d041 'Resume Database' color
#5ac4c7 'My Candidates' color

Use these colors only for the three main sections dashboard hover and View links.

#eda721 'My Jobs' dashboard hover and View link color
#95b933 'Resume Database' dashboard hover and View link color
#4fb1b4 'My Candidates' dashboard hover and View link color

Typo - Style

Typographic style used in MightyRecruiter site.

H1 - 36px, Open Sans, Light (300)

H2 - 24px, Open Sans, Light (300)

H3 - 18px, Open Sans, Light (300)

H4 - 14px, Open Sans, Regular (500)

H5 - 12px, Open Sans, Regular (500)

Page Title - 24px, Montserrat, Bold (600)

Widget Title - 18px, Montserrat, Bold (600)

Paragraph - 14px, Open Sans, Regular (400)


Popups - Options

Nav - Style

Primary Nav and Secondary Nav style used in our MightyRecruiter site


Icons - Font-awesome

Font-awesome Icons used throughout the MightyRecruiter site. Size may vary and can be changed by using fa-lg, fa-2x, fa-3x ... etc already available/written in included font-awesome.min.css

Icons - Custom

These are some Custom icons other than available Font-awesome icons.

✕ ✓ ✛

Icons - Spinner

Spinner icons used to depict loading or processing.

Progress bar - Style

Progress bar for showing up-to-date progress of a particular workflow or action.

40% Complete (success)

Button - Color Options

These are the various color options for Buttons with their states: Unclicked, Hover and Clicked repectively.

Slider - Style

Slider currenly used for Commute Distance and can be used for other purpose also.

Slider with min and max value options.

Pagination Options

Pageination style with and without ellipsis.

Profile Pic - Style

Profile Pic styles/size used throughout the MightyRecruiter Site.

Profile Pic
75 x 75

Dropdown - style

Dropdown styles other than used in navigation and forms.

Tooltip - Style

Rating - Style

Star Rating style with active state.

Lable Options

Labels used in MightyRecruiter Site.

Open Closed Active

Forms - Text Input Style

Various Text input styles for form.






Forms - Check and Radio Controls

Custom Radio and Checkbox controls.

Forms - Layout

Merging all form components in one FORM LAYOUT

Required field
$

VERTICAL FORM LAYOUT:

Select fileChange

HAS ERROR WIDGET:

ERROR - JOB DESCRIPTION (1)
Vague Job Detail

Guideline: Your job ad should be clear about the job responsibilities and qualifications required. If your job ad is too vague, it will not be accepted by the free job boards.

Tip: For your job to get found by candidates, the description must be detailed and clearly define the work responsibilities of the job itself.

Multiple Positions in One Position

Guideline: Do not include multiple job opportunities in a single posting. Instead, create separate postings for each position.

Tip: Use cut and paste and make small changes to quickly create individual job postings for each of your open roles.

Job Content Guidelines

Let's start by writing a job description
Add Logo
I am looking for a
in

Job Description*
Add your job description here...

Company Overview*
Add your company overview here...

I give MightyRecruiter media specialists permission to edit my job description in order to improve my performance on job boards.

Style

1. Various components merged as a whole Tuple section with its Filter section

Showing 4 of 104 results

 

Test Hole Driller 725 (#113785)

Ratan Test
  • Washington Depot, CT 06794

Test Hole Driller 824 (#113784)

Ratan Test
  • Washington Depot, CT 06794

Test Ratan (#29268)

Ratan Test
  • New Haven, CT 06510

Test Location Preview (#27721)

Ratan Test
  • New London, CT 06320

With JobPromote, your job will receive premium placement on multiple boards across the MightyRecruiter Network. Increase your traffic, get more applicants and make more hires without wasting your money.

Select a budget for your JobPromote:

$
You will be charged* :

*Depending on where you are, foreign exchange fees may apply. Provider is not responsible for any exchange fees or surcharges imposed by your bank card or card issuer.

2. Options listing

Matching Resumes

 
FREE!

Status widget - Style

20

JOBS

252

VIEWS

37

APPLIES

14.68%

CONVERSION

Table - Style

Table with fix height and sticky header

Job Title Company Location Status Created Created By Closed Views Applies CVR%
Test 05Sept (#21161) 111111 New Orleans, LA, 10002 Open 10/05/2015 Ashish Gupta 14 2 14.29%
Lead Cook (#17911) neeraj1 Philadelphia, PA, 19019 Open 09/02/2015 Vivek Tripathi 0 0 -
Cook (#17890) neeraj1 New York, NY, 10022 Open 09/02/2015 Vivek Tripathi 0 0 -
chef (#17860) neeraj1 Philadelphia, PA, 19019 Open 09/02/2015 Vivek Tripathi 0 0 -
Lead Cook (#17911) neeraj1 Philadelphia, PA, 19019 Open 09/02/2015 Vivek Tripathi 0 0 -
Cook (#17890) neeraj1 New York, NY, 10022 Open 09/02/2015 Vivek Tripathi 0 0 -
chef (#17860) neeraj1 Philadelphia, PA, 19019 Open 09/02/2015 Vivek Tripathi 0 0 -
Lead Cook (#17911) neeraj1 Philadelphia, PA, 19019 Open 09/02/2015 Vivek Tripathi 0 0 -
Cook (#17890) neeraj1 New York, NY, 10022 Open 09/02/2015 Vivek Tripathi 0 0 -
chef (#17860) neeraj1 Philadelphia, PA, 19019 Open 09/02/2015 Vivek Tripathi 0 0 -
Lead Cook (#17911) neeraj1 Philadelphia, PA, 19019 Open 09/02/2015 Vivek Tripathi 0 0 -
Cook (#17890) neeraj1 New York, NY, 10022 Open 09/02/2015 Vivek Tripathi 0 0 -
chef (#17860) neeraj1 Philadelphia, PA, 19019 Open 09/02/2015 Vivek Tripathi 0 0 -

Funnel

Button - Color Options

These are the various color options for Buttons with their states: Unclicked, Hover and Clicked repectively.