/
Style Guide

Style Guide

Font and colour scheme (still being updated)

https://www.figma.com/file/OEb7ugjxO1Uw12gNWGexrS/Jobs-Board-Prototype?node-id=321%3A626

 

Color Scheme

Located in tailwind.config.js

Tailwind Name

Use

Style

RGB

Hex

Preview

Example

Tailwind Name

Use

Style

RGB

Hex

Preview

Example

jb-background

Background for app

 

rgb(246, 249, 252)

#F6F9FC

 

jb-blue

Header, Footer, Buttons

 

rgb(44, 139, 244)

#2C8BF4

jb-headings

Headings

font-bold text-3xl

rgb(12, 49, 73)

#0c3149

jb-subheadings

Subheadings

text-lg

rgb(65, 93, 109)

#415D6D

jb-placeholder

Input placeholders

 

rgb(135, 135, 135)

#878787

 

jb-tags

Container for Job Tags

 

rgb(235, 236, 240)

EBECF0

 

 

Related content