With just four Stylus variables
Spin up a front-end framework
Based on a modular type scale
Set with vertical & horizontal rhythm
Over a responsive column layout
Front-end framework sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Responsive column layout
Utility classes to build a flexible grid layout with regular margins
Opal Coast is a instantly usable, readily extensible framework that starts you off quickly and scales easily. It provides rules for all HTML elements in a responsive grid layout, all interdependently controlled with SCSS variables.
Opal Coast is designed to keep unruly masses of information — and your code base — in check. Vertical & horizontal rhythm, colour & iconography are used to organise in an immediately scannable manner. Clarity is King.
The framework and this style guide are meant only as initial direction. Its aim is to be built upon, with use customised for each app in which it's implemented. In this way, new modules and styles will be created that go back to improve the core.