Since 1978
Brand Guide
Brand Colors
The complete brand color palette, including additional dark, light, accessible and grayscale variations.
Accent
(Green)
Accent 2
(Yellow)
Accent 3
(Light Gray)
Additional Brand Colors
Accent
(Dark)
Accent
(Light)
Accent
(Acc)
Accent 2
(Dark)
Accent 2
(Light)
Accent 2
(Acc)
Accent 3
(Dark)
Accent 3
(Light)
Accent 3
(Acc)
Grayscale Brand Colors
Base
(White)
Base 2
(Off-White)
Contrast
(Black)
Contrast 2
(Text)
Border
Border
(Dark)
Shadow
Buttons
Default Buttons
Small Buttons
Brand Typography
Heading Blocks (H1-H6) use the Gotham font family, with weight 700.
Paragraph blocks use the Gotham font family as well, with weights of 400 (default, Book), 400 italic, 500 (Medium), 500 italic and 700 (Bold). All heading and paragraph sizes are shown below with a well-known pangram.
H1 The “quick”, brown fox jumps over the lazy dog. (012345679)
H2 The “quick”, brown fox jumps over the lazy dog. The (012345679)
H3 The “quick”, brown fox jumps over the lazy dog. The quick brown fox jumps. The (012345679)
H4 The “quick”, brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps the dog. (012345679)
H5 The “quick”, brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick fox. (012345679)
H6 The “quick”, brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox. (012345679)
Paragraph Blocks
XX Large The “quick”, brown fox jumps over the lazy dog. (012345679)
X Large The “quick”, brown fox jumps over the lazy dog. The fox. (012345679)
Large The “quick”, brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. (012345679)
X Marge The “quick”, brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick. (012345679)
Marge The “quick”, brown fox jumps over the lazy dog. The quick brown fox jumps over dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps. (012345679)
Medium (default) The “quick”, brown fox jumps over the lazy dog. The quick brown fox jumps over dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. (012345679)
Smedium The “quick”, brown fox jumps over the lazy dog. The quick brown fox jumps over dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The fox. (012345679)
Small The “quick”, brown fox jumps over the lazy dog. The quick brown fox jumps over dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The fox. (012345679)
X Small The “quick”, brown fox jumps over the lazy dog. The quick brown fox jumps over dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The fox. (012345679)
List Item Blocks
Unordered Lists
List Defaults
- The “quick“, brown fox jumps over the lazy dog. The quick brown fox jumps over dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
- The “quick“, brown fox jumps over the lazy dog. The quick brown fox jumps over dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
List Unstyled
- First unstyled list item
- Second list item
- Third unstyled list item, longer for demo purposes
List Inline
- One
- Two
- Three
- Four
- Five
- Six
- Seven
List Arrows
- First arrows list item
- Second arrows list item
- Third arrows list item, longer for demo purposes
List Pipes
- One
- Two
- Three
- Four
- Five
- Six
- Seven
Ordered List
- The “quick“, brown fox jumps over the lazy dog. The quick brown fox jumps over dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
- The “quick“, brown fox jumps over the lazy dog. The quick brown fox jumps over dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog. The quick brown fox jumps over the lazy dog.
Quote (Blockquote)
This is a blockquote
Citation goes here
Content
Possible Subheading
Rosebud Concrete has been around for many years, but the story of the company is quite interesting. C. J. Grossenburg Implement and Son started in 1937 and started selling “Columbian Red Top Grain Bins” by 1940.
Possible Subheading
Content (Centered)
Rosebud Concrete has been around for many years, but the story of the company is quite interesting. C. J. Grossenburg Implement and Son started in 1937 and started selling “Columbian Red Top Grain Bins” by 1940.
Callouts
Left-Justified CTA
This is a call to action module. Its purpose is to display a specific title, possible description and a button linking to said call to action.
Find Something You Like?
Request a Quote
Centered On Mobile, Left On Desktop
This is a call to action module. Its purpose is to display a specific title, possible description and a button linking to said call to action.
Centered Call to Action
This is a call to action module. Its purpose is to display a specific title,
possible description and a button linking to said call to action.
Possible Heading
Rosebud Concrete is accepting quality applicants for the following positions. Contact us now about these openings by sending a message or calling Rosebud Concrete today!
Columns
For fastest scaling, remove the unwanted column style(s) and then duplicate your remaining style(s) of choice.
Column (Default)
Left-Justified
This is a basic, default column with no background color or padding.
Column (Accent)
Center-Justified
This is a colored, padded column, centered with a call to action button.
Column (Accent 2)
This is a colored, padded column with a background color & call to action button.
Column (Accent 3)
Left-Justified
This is a padded column with a subtle background color and call to action.
Equal Height
With Separator
Here are equal height columns with cards. The columns contain a background color, zero block spacing and use cards to bottom-align their call to action buttons.
Columns With
Here are equal height columns with cards. The columns contain a background color, zero block spacing and use cards to group their content.
Zero Gap
Here are equal height columns with cards. The columns contain a background color, zero block spacing and use cards to group their content.
Subtle Columns
We can also create columns of subtle contrast for a nice, neutral display.
1
Setting Your Objectives
Here are rounded columns displaying the subtle color contrast between the Accent and Accent 4 brand colors from the color palette.
2
Setting Your Objectives
Here are rounded columns displaying the subtle color contrast between the Accent 4 brand color and the default Contrast 2 text color from the color palette.
Responsive Columns
For more advanced, granular sizing at any / all responsive breakpoints, we can use responsive column sizing.
Column (12, 6, 4, 8)
This is an advanced columns layout, where each column can vary in size at each responsive breakpoint in a twelve-column grid. The integers listed in the heading above reference this column’s sizes, by breakpoint, starting with mobile first.
Column (12, 6, 4, 4)
This is an advanced columns layout, where each column can vary in size at each responsive breakpoint in a twelve-column grid. The integers listed in the heading above reference this column’s sizes, by breakpoint. This is an advanced columns layout, where each column can vary in size at each responsive breakpoint in a twelve-column grid.
Column (12, 6, 4, 10)
This is an advanced columns layout, where each column can vary in size at each responsive breakpoint in a twelve-column grid. The integers listed in the heading above reference this column’s sizes, by breakpoint, starting with mobile first.
Cards within Columns
Default, Rounded Card With A Longer Heading
This is a basic, default card with text only. A card can quickly become robust by adding an image, button(s) or any other type of content.
This is a sample paragraph block of smedium font size and regular font weight.
Posted May 1, 2026
Card, Flush Image
This is a flush card, where the image is full width. We also showcase the ability for multiple links (text and button)!
Here is a demo of bold text, italic text and linked text for reference.
Colored Cards within Columns
Features
Features display images in left or right orientation
Feature (Default)
Generally used as an alternative callout module, feature blocks contain important images and content. Background and text colors can vary, images can be aligned left or right, rounded, shadowed etc., but will always appear on top on the mobile view.
About Us
It was strictly a “haul it home and put it up yourself basis”, with a few being sold. When WW II hit, this put a temporary hold on this type of steel and therefore the bin business ceased. In 1965 Rollie Giedd of Sioux Steel Company in Sioux Falls, SD stopped to see if C. J. Grossenburg and Son would be interested in selling livestock tanks, farm gates and similar steel products. At this time Sioux Steel had just developed and proved their Grain Drying Bin systems and C. J. Grossenburg and Son recognized the opportunity, so after a 24 year absence, C. J. Grossenburg and Son was back in the grain bin business.
Features display images in left or right orientation
Feature (Accent)
Generally used as an alternative callout module, feature blocks contain important images and content. Background and text colors can vary, images can be aligned left or right, rounded, shadowed etc., but will always appear on top on the mobile view.
Feature (Accent 2)
Generally used as an alternative callout module, feature blocks contain important images and content. Background and text colors can vary, images can be aligned left or right, rounded, shadowed etc., but will always appear on top on the mobile view.
