Brand Guide – ThisWay Global

01

Logos

One mark, used on light and dark. Keep clearspace of at least the height of the "t" around all sides and never restyle, recolor, or stretch the logotype.

Primary, on light Download SVG

Reversed, on dark logo.svg + brightness-0 invert

On brand teal

Favicon PNG

Don'ts: no drop shadows, no outlines, no rotation, no recoloring beyond the approved reversed treatment, and never place the color logo on photography without a solid backing surface.

02

Color

Black and teal carry the general ThisWay Global brand. Click any swatch to copy its hex value.

Primary palette

Neutrals

Text

On light and on dark

Light surfaces

Headings in ink

Body copy uses Text Default; muted copy drops to 60% ink. Accents and links pick up brand teal.

Primary action

Dark surfaces

Headings in white

Copy steps down through white at 70% and 50% opacity. Teal stays the accent; secondary blue appears only in gradients.

Secondary action

Texas A&M / RACC palette #500000 · #8D8D8D

Maroon is reserved exclusively for RACC and A&M co-branded material. It never appears in general ThisWay Global work.

03

Typography

Inter everywhere, pinned to the same font files production serves. The scale is a 1.185 ratio on a 16px base.

Scale

text-h1
44.3px Build Sovereign AI Infrastructure

text-h2
37.4px Extend the Blueprint

text-h3
31.5px Certifications and Security Posture

text-h4
26.6px Channel-first by design

text-h5
22.5px Governed innovation at scale

text-h6
19.0px Amalgamy orchestration layer

text-base
16px Body copy runs at 16px with relaxed leading. It stays in Text Default ink on light surfaces and white at 70% on dark ones.

Family

Inter

Aa Bb Cc 0123456789

Inter-Medium, Inter Placeholder, sans-serif

Regular 400 body copy

Medium 500 UI labels, nav

Semibold 600 headings, buttons

Eyebrows are 12px semibold, uppercase, tracking 0.2em, in brand teal.

04

Spacing

Everything sits on Tailwind's 4px grid; these are the steps the site actually uses.

Scale

2 · 8px

4 · 16px

6 · 24px

8 · 32px

12 · 48px

16 · 64px

24 · 96px

28 · 112px

Section rhythm

.section pads 96px vertically, stepping to 112px at the xl breakpoint. Alternate sections tint with Theme Light at 50%.

Container

Bootstrap-grid container with responsive gutters; cards use 32px internal padding (p-8) and 16px grid gaps (g-4).

Radii and elevation

Cards round at 16px (rounded-2xl), pills are fully round, and borders sit at Border 60% with soft shadows only on hover.