NFCS Design System
Colour Palette
Midnight Blue
#102238
Periwinkle
#2897FF
Vivid Green
#00FFBA
Mustard
#E4DB14
Green
#59C3C5
Sky Blue
#7FC8FF
Red
#FF5D2C
White
#ffffff
Black
#000000
Background
#fff2f2
Light Grey
#E8E8E8
Blue Grey
#BAC7CC
Teal
#59AFC5
Moss
#B1AB55
Dove
#A99796
Typography
Large Title
NFCS Network Plus
Desktop Size: 58px
Mobile Size: 38px
Line-height: 110%
Font: Readex Pro
Class: text-large-title
Title
Advanced Computing Research
Desktop Size: 45px
Mobile Size: 38px
Line-height: 110%
Font: Readex Pro
Class: text-title
Sub Title
Collaborative Computing Solutions
Desktop Size: 26px
Mobile Size: 24px
Line-height: 112%
Font: Readex Pro
Class: text-subtitle
Body Text
A national federation of large-scale computing resources can boost research efficiency, accessibility and collaboration across multiple research institutions.
Desktop Size: 18px
Mobile Size: 18px
Line-height: 125%
Font: Readex Pro
Class: text-body
Design Utilities
Notch Utility
The .notch utility creates angled corners on top-left and bottom-right. The .notch-invert utility creates angled corners on top-right and bottom-left.