Style Guide
Tranquil, calm, and inspired by
the natural beauty of Texas
#FFFFFF
LOGO
Steady Hand Blue
#4C728A
LOGO
Steady Hand Gray
#B3B4B2
Body Copy
Dark Gray
#363636
TEXT HIGHLIGHT
Sprout Green
#D4E392
#E6EEF4
#E0EBE6
Primary Brand Colors
#A4C3D6
secondary Brand Colors
#B4CFC5
#467061
#A0AFCE
#3B4C76
Henderson Slab
This Slab Serif is used for the Steady Hand PR logo, and Heading 1, Heading 2, and Heading 3 on the website. This is a very wide font with a high x-height, which is best for short headlines. Do not use it for long paragraphs of text, as it can be hard to read. Henderson Slab is available from Adobe Fonts.
Inter
This Sans Serif is used on the website for Heading 4, and Paragraphs 1, 2, and 3. Inter is one of the world's most used typefaces with applications ranging from advertising, airports, NASA instrumentation, and medical equipment. This large type family was specifically designed for computer screens, and its narrow, readable nature makes it a good contrast to Henderson Slab. Use Inter for body copy. Available from Google Fonts.
Brand fonts
This is Heading 1: Lorem ipsum dolor
This is Heading 2: Lorem ipsum dolor sit amet
This is Heading 3: Lorem ipsum dolor sit amet, consectetur adipiscing elit.
THIS IS HEADING 4
This is Paragraph 1: Use me for subtitles under Heading 1 and 2
This is Paragraph 1: Use me for body copy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquet lorem sapien, vitae scelerisque nisl bibendum ut.
This is Paragraph 3: This is for microtype, like copyright and photo captions. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi aliquet lorem sapien, vitae scelerisque nisl bibendum ut.
Color Theme: Lightest 1 (Heading 4)
Heading 1 Here and Here
This is heading 2
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum. Mauris iaculis facilisis mattis. Aenean nec pulvinar dui. Nullam malesuada eros eget lectus hendrerit, suscipit accumsan ipsum tristique. Suspendisse potenti. Donec lacinia lacinia ex, id dictum lorem tincidunt non.
This is heading 3
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum.
This is Paragraph 3: Use this only for photo captions and footer copyright information.
Color Theme: Lightest 2
Heading 1 Here and Here
This is heading 2
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum. Mauris iaculis facilisis mattis. Aenean nec pulvinar dui. Nullam malesuada eros eget lectus hendrerit, suscipit accumsan ipsum tristique. Suspendisse potenti. Donec lacinia lacinia ex, id dictum lorem tincidunt non.
This is heading 3 (for quotes)
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum.
This is Paragraph 3: Use this only for photo captions and footer copyright information.
Color Theme: Light 1
Heading 1 Here and Here
This is heading 2
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum. Mauris iaculis facilisis mattis. Aenean nec pulvinar dui. Nullam malesuada eros eget lectus hendrerit, suscipit accumsan ipsum tristique. Suspendisse potenti. Donec lacinia lacinia ex, id dictum lorem tincidunt non.
This is heading 3 (for quotes)
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum.
This is Paragraph 3: Use this only for photo captions and footer copyright information.
Color Theme: Light 2
Heading 1 Here and Here
This is heading 2
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum. Mauris iaculis facilisis mattis. Aenean nec pulvinar dui. Nullam malesuada eros eget lectus hendrerit, suscipit accumsan ipsum tristique. Suspendisse potenti. Donec lacinia lacinia ex, id dictum lorem tincidunt non.
This is heading 3 (for quotes)
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum.
This is Paragraph 3: Use this only for photo captions and footer copyright information.
Color Theme: Bright 1
Heading 1 Here and Here
This is heading 3
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum. Mauris iaculis facilisis mattis. Aenean nec pulvinar dui. Nullam malesuada eros eget lectus hendrerit, suscipit accumsan ipsum tristique. Suspendisse potenti. Donec lacinia lacinia ex, id dictum lorem tincidunt non.
This is heading 3 (for quotes)
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum.
This is Paragraph 3: Use this only for photo captions and footer copyright information.
Color Theme: Bright 2
Heading 1 Here and Here
This is heading 2
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum. Mauris iaculis facilisis mattis. Aenean nec pulvinar dui. Nullam malesuada eros eget lectus hendrerit, suscipit accumsan ipsum tristique. Suspendisse potenti. Donec lacinia lacinia ex, id dictum lorem tincidunt non.
This is heading 3 (for quotes)
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum.
This is Paragraph 3: Use this only for photo captions and footer copyright information.
Color Theme: Dark 1
Heading 1 Here and Here
This is heading 2
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum. Mauris iaculis facilisis mattis. Aenean nec pulvinar dui. Nullam malesuada eros eget lectus hendrerit, suscipit accumsan ipsum tristique. Suspendisse potenti. Donec lacinia lacinia ex, id dictum lorem tincidunt non.
This is heading 3
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum.
This is Paragraph 3: Use this only for photo captions and footer copyright information.
Color Theme: Dark 2
Heading 1 Here and Here
This is heading 2
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum. Mauris iaculis facilisis mattis. Aenean nec pulvinar dui. Nullam malesuada eros eget lectus hendrerit, suscipit accumsan ipsum tristique. Suspendisse potenti. Donec lacinia lacinia ex, id dictum lorem tincidunt non.
This is heading 3
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum.
This is Paragraph 3: Use this only for photo captions and footer copyright information.
Color Theme: Darkest 1
Heading 1 Here and Here
This is heading 2
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum. Mauris iaculis facilisis mattis. Aenean nec pulvinar dui. Nullam malesuada eros eget lectus hendrerit, suscipit accumsan ipsum tristique. Suspendisse potenti. Donec lacinia lacinia ex, id dictum lorem tincidunt non.
This is heading 3
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum.
This is Paragraph 3: Use this only for photo captions and footer copyright information.
Color Theme: Darkest 2
Heading 1 Here and Here
This is heading 2
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum. Mauris iaculis facilisis mattis. Aenean nec pulvinar dui. Nullam malesuada eros eget lectus hendrerit, suscipit accumsan ipsum tristique. Suspendisse potenti. Donec lacinia lacinia ex, id dictum lorem tincidunt non.
This is heading 3
This is paragraph 1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ornare, mauris luctus blandit condimentum, lorem erat pulvinar enim, vel tempus mi enim ac tellus.
This is paragraph 2: Cras a euismod velit. Proin ligula leo, iaculis ut posuere nec, ultricies id enim. Integer venenatis porttitor feugiat. Sed urna ante, vehicula eu blandit ac, lacinia et elit. Sed elementum est eu arcu bibendum, ut vestibulum nisl vestibulum.
This is Paragraph 3: Use this only for photo captions and footer copyright information.