ThisWay Global Brand Styleguide
This comprehensive brand guide provides design teams with all necessary assets, colors, typography, and components for creating consistent branded materials.
Brand Identity
Logo Variations
Primary Logo (SVG)
Use on light backgrounds
Primary Logo (PNG)
Fallback format
Favicon
Icon version
Logo Usage Guidelines
- Minimum width: 120px (as specified in config)
- Maintain aspect ratio of 120x31px
- Ensure clear space around logo equal to logo height
- Do not modify colors, proportions, or add effects
- Use SVG format when possible for scalability
Color Palette
Primary Colors
Primary
#0A0A0A
Black
Secondary
#5969FC
Blue
Brand
#24ab9d
Teal
Tertiary
#444446
Dark Gray
Supporting Colors
Body
#fff
White
Theme Light
#F6F7F9
Light Gray
Border
#D5D5D5
Gray
Text Colors
Default Text
#3b3b3b
Dark Text
#0A0A0A
Light Text
#0A0A0A99
Texas Brand Colors
Texas Maroon
#500000
Texas Gray
#8D8D8D
Typography
Font Family
Primary: Inter-Medium, Inter Placeholder, sans-serif
Secondary: Inter-Medium, Inter Placeholder, sans-serif
Base Size: 16px
Scale Ratio: 1.185
Heading Hierarchy
H1 Heading Example
Desktop: 4.24rem | Mobile: 3.82rem
H2 Heading Example
Desktop: 3.58rem | Mobile: 3.22rem
H3 Heading Example
Desktop: 3.02rem | Mobile: 2.72rem
H4 Heading Example
2.55rem
H5 Heading Example
2.15rem
H6 Heading Example
1.81rem
Body Text
Regular paragraph text example. This is how body text appears throughout the website with proper line height and spacing for optimal readability.
Base: 16px | Small: 12.8px
Small text example for captions and secondary information.
Small text sizing
Bold text example and italic text example
Font weights and styles
UI Components
Buttons
Form Elements
Cards & Containers
Standard Card
This is a standard card container with border and padding.
Light Background Card
This card uses the theme light background color.
Spacing & Layout
Grid System
Breakpoints
- sm: 540px
- md: 768px
- lg: 1024px
- xl: 1280px
- 2xl: 1536px
Container
- Max Width: 1160px
- Padding: 20px (sm), 40px (md+)
- Section Padding: 96px (y-axis), 112px (xl+)
Spacing Scale
Brand Assets
Certifications & Badges
ISO 27001 (Light)
ISO 27001 (Dark)
WBE Certified
WBENC
Partner Logos
Texas A&M University
Company Portfolio Logos
Usage Guidelines
✓ Do
- Use the official logo files provided
- Maintain proper contrast ratios (4.5:1 minimum)
- Follow the established spacing system
- Use Inter font family consistently
- Maintain brand color consistency
- Test designs across all breakpoints
- Use SVG formats when possible
✗ Don't
- Modify logo colors or proportions
- Use unauthorized color combinations
- Mix different font families
- Break the grid system
- Use low-resolution images
- Ignore accessibility guidelines
- Create new color variations
Brand Guidelines Contact
For questions about brand usage, additional assets, or approval of new materials, please contact the design team or refer to the complete brand manual.
Last Updated: 6/9/2026