Typography
h1. Heading
h2. Heading
h3. Heading
h4. Heading
subtitle1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur
body1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit, quam beatae rerum inventore consectetur, neque doloribus, cupiditate numquam dignissimos laborum fugiat deleniti? Eum quasi quidem quibusdam.
caption textColour Palette
Primary Palette
The primary colour palette is taken directly from the Mechanical Rock (MR) logo. These colours will be present in all MR Collateral to create a consistent look for the brand.Teal
HEX #40bfb4
RGB 64 191 180
CMYK 67 0 36 0
Dark Grey
HEX #231f20
RGB 35 31 32
CMYK 70 67 64 74
Light Grey
HEX #e8e5e2
RGB 232 229 226
CMYK 8 7 8 0
Secondary Palette
A Coral Red and Electric Blue have been created for the secondary palette to provide the brand with flexibility to use a range of colours. Each of the brand colours work together to create a unified brand.Dark Teal
HEX #1da89c
RGB 29 168 156
CMYK 77 11 46 0
Mid Grey
HEX #333132
RGB 51 49 50
CMYK 69 64 61 59
Coral Red
HEX #e15554
RGB 225 85 84
CMYK 0 62 62 11
Lists
Unordered Lists
- List Item 1
- List Item 2
- List Item 3
- List Item 1
- List Item 2
- List Item 3
Ordered Lists
- Ordered List Item
- Ordered List Item
- Ordered List Item
- Ordered List Item
- Ordered List Item
- Ordered List Item
Link Lists
Cards
Simple
Simple with icon
Simple with image
Wide with icons
Columns (Dark)
Col 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Col 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Col 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Col 4
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Columns (Light)
Col 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Col 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Col 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Col 4
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Form Fields
Image and Text
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Un-ordered List:- List item #1
- List item #2
- List item #3
- List item #1
- List item #2
- List item #3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Un-ordered List:- List item #1
- List item #2
- List item #3
- List item #1
- List item #2
- List item #3
Image Text and Link
Title 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do incididunt ut labore et dolore magna aliqua.
Title 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do incididunt ut labore et dolore magna aliqua.
Title 3
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do incididunt ut labore et dolore magna aliqua.
Title 1
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do incididunt ut labore et dolore magna aliqua.
Read moreVideo
About Mechanical Rock
When you move at the speed of tech, you need a specialised partner to keep you on course. Our team of master developers, designers and tech trailblazers can help you clear the decks, build software of substance and reimagine what's possible at the horizon of an ever changing tech landscape.