Content component
Content is simply a section of HTML content editable by a WYSIWYG editor. You can still embed an image, video, CTA button and etc. The benefit of this component is the ability to apply a different colour palette or Modifier to it selectively.
The basic colour palette which could be used is Alt, Dark and Dark Alt.
The basic styles for a content component which could be used are:
-
Breakout - Allow content to expand from its container on edgy pages.
-
Hero
-
No background padding
-
No side gaps
-
Text left
-
Text centre
-
Text right
-
Text shadow
It is possible to use more styles than one for a component.
Content Colour Selector: None
Content component with default colour selected.
Content Colour Selector: Standard
Content component with standard colour selected.
Content Colour Selector: Alt
Content component with alt colour selected.
Content Colour Selector: Dark
Content component with dark colour selected.
Content Colour Selector: Dark Alt
Content component with dark alt colour selected.