Rigby Designs – Design System

Fonts

Extra Large Title

Large Title

Medium Title

Small Title

Large Body Text - Efficiencies will come from virtually connecting our action points. Proactively reusing globally innovative team players is crucial to our competitive agile workflow. Our creator development lifecycle enables wholesale, customer-focused blockchains. It's critical that we give 110% when conservatively incentivizing core competencies.

Body Text - Dynamically touching base about right-sizing propositions will make us leaders in the best-of-breed stakeholder industry. It's critical that we give 110% when iteratively aligning capabilities. It's critical that we give 110% when strategically offshoring prince practitioners. Our synergy development lifecycle enables mobile, self-driving bandwidths.

Small Body Text - Our business grows growth hackers to effectively and intelligently impact our long-term core asset. Company-wide game changers intelligently enable immersive low hanging fruit for our standpoints. Going forward, our next-generation big data will deliver value to milestones. Our End-To-End Enterprise solution offers platforms a suite of senior offerings.

Buttons & Menus

Subheader

Colours

#001226

#FFFFFF

#1C2441

#50748B

#A7BAC9

Spacing

Section Padding –

• top and bottom:
100px Desktop(1080px) – 60px Mobile(400px)
clamp(3.75rem, 2.2794rem + 5.8824vw, 6.25rem);

• left and right:
20px Desktop – Mobile
1.25rem

Container Width –

1280px for full width sections
846px for narrow sections

Hero

Height for all hero’s 80vh;

No Rounded Corners
Corner Radius: 0px;
applies to all images and Boxes.

Box Shadow
0px 0px 10px 0px rgba(0,0,0,0.3) applies to all images, cards, tiles, boxes and buttons.

Title
Description

Card Global Style

Card Spacing (gutters): 20px;
Desktop/Horizontal: 40px;

Mobile/Vertical
Gutters and Card Inner Spacing
Top and Bottom: 60px;
Left and Right: 20px;

Card Global Style

Card Spacing (gutters): 20px;
Desktop/Horizontal: 40px;

Mobile/Vertical
Gutters and Card Inner Spacing
Top and Bottom: 60px;
Left and Right: 20px;

Card Global Style

Card Spacing (gutters): 20px;
Desktop/Horizontal: 40px;

Mobile/Vertical
Gutters and Card Inner Spacing
Top and Bottom: 60px;
Left and Right: 20px;

Buttons

Primary Button Style
Padding: 12px 24px 12px 24px;
Border Radius: 0px;
Box Shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);

Small Button Style
Padding: 12px 24px 12px 24px;
Border Radius: 0px;
Box Shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);

Text Button Style
Padding: 0px 0px 1px 0px;
Icon Space: 12px;
Transition Duration: 0.15s
Bottom Border: 2px;
CSS for icon colour change –

selector a:hover svg path{
    fill: var(--e-global-color-a0ea2db);
    stroke: var(--e-global-color-a0ea2db);
}