Graphic Design Standards

Overview

This document outlines the graphic design standards for the N J Sharp website. It covers colors, fonts, and layout guidelines to ensure a consistent and visually appealing user experience.

Colors

Full palette

#232436

#48495d

#BDBAC3

#E8CDAF

#C38D69

#794635

#A6C4DC

#A56F68

The following colors should be used throughout the website:

Home Page

#232436

#BDBAC3

About Page

#E8CDAF

#48495d

Projects Page

#A6C4DC

#232436

Fonts

The following fonts should be used throughout the website:

Heading Font: Arial, sans-serif
Body Font: Arial, sans-serif

Layout

The website uses a grid-based layout with the Raster framework. Here are some guidelines:

Use <r-grid> to create a grid container.
Use <r-cell> to create grid cells.
Specify the number of columns for the grid using the columns attribute.
Use the span attribute to specify the number of columns a cell should span.

Creating New Pages

To create a new page, follow these steps:

Create a new HTML file in the appropriate directory.
Include the necessary meta tags and CSS links in the <head> section.
Use the grid system to structure the content of the page.
Follow the color and font guidelines outlined in this document.