Brand Guidelines Downloads Print

BrandGuidelines

"Engineering is the real value creator. It deserves better marketing."

Status Active

Maintained by Cactix

cactix.com

Logo & IconographyVariants, usage, clear space, and minimum sizes

The Cactix mark comprises the icon (three offset parallelogram bars — representing momentum, signal, and forward motion) and the logotype (CACTIX in a bold oblique sans-serif). Always use supplied artwork files. Never recreate.

Logo Variations

Lime on Black · Primary

White on Black · Dark

Black on White · Print

White on Deep Aqua

Icon Mark

80 px

56 px

44 px · Avatar

32 px · Favicon

24 px · Min

Use the icon mark standalone only for favicons, app icons, social avatars, and embossed applications where the full lockup does not fit.

Rules

✓ Do

Use supplied SVG or PNG files from the asset library below
Maintain clear space of ½ logo height on all four sides
Use Lime Green version on all dark and black backgrounds
Use Black version on all white and light backgrounds
Minimum digital: 120 px wide · Minimum print: 25 mm wide

✗ Don't

Recreate the logo in any application or software
Alter font, weight, colour, or letter-spacing of the logotype
Rotate, skew, stretch, or distort the logo
Apply shadows, outlines, gradients, or glows to the logo
Place the Lime version on a Lime Green background
Use the full lockup below minimum size — use the icon instead

Colour SystemPalette, gradients, Pantone references, and usage

The Cactix palette is built for precision and legibility. Lime Green is the hero — bold, energetic, unmistakable. Black is the dominant canvas. Deep Aqua anchors secondary information hierarchy.

Brand Palette

Lime Green#77E424 · RGB 119 228 36Pantone 376 CPrimary — hero accent, CTAs, logo on dark

Black#0A0A0A · RGB 10 10 10Pantone Black 6 CPrimary — dominant background, type on light

White#FFFFFF · RGB 255 255 255Pantone P 1-1 UPrimary — body text on dark, page backgrounds

Deep Aqua#0B6477 · RGB 11 100 119Pantone 7700 CSecondary — accents, subheadings, links

Light Gray#F2F2F2 · RGB 242 242 242Pantone Cool Gray 1 CSupporting — alternate backgrounds, surfaces

Mid Gray#333333 · RGB 51 51 51Pantone Cool Gray 11 CSupporting — body text on light backgrounds

Gradients

Radial Gradient

Lime Green from centre → Black outwards · Used on cactix.com hero and key landing sections

Primary Linear · 135°

Lime Green → Black diagonal · Feature panels, presentation hero slides, event backdrops

Subtle Overlay

Lime at 18% opacity → Transparent · Tinting photography, card hover states, section backgrounds

Secondary · Lime → Aqua

Lime Green → Deep Aqua · Data callouts, alternate hero treatments, accent panels

Contrast & Accessibility

Lime on Black

#77E424 / #0A0A0A

9.1:1 · AAA

White on Black

#FFFFFF / #0A0A0A

20:1 · AAA

Black on Lime

#0A0A0A / #77E424

9.1:1 · AAA

White on Aqua

#FFFFFF / #0B6477

7.2:1 · AA

Colour Usage

✓ Do

Use Black as the default background for primary brand materials
Use Lime Green as the primary accent and CTA colour on dark backgrounds
Use the radial gradient for website hero sections and key digital moments
Use Deep Aqua for secondary accents, subheadings, and link states
Specify Pantone references for all print and production work

✗ Don't

Use Lime Green as a large solid background — legibility suffers
Create gradient combinations outside the four approved variants
Use more than three brand colours in a single composition
Use Deep Aqua as a primary CTA — reserve for secondary actions
Apply gradients to body text

TypographyTypefaces, scale, and hierarchy

Two typefaces. Inter for precision and structure; Fira Sans for human readability. Together they balance technical authority with accessibility.

Heading Typeface

Inter

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z · a b c d e f g h i j k l m n o p q r s t u v w x y z · 0 1 2 3 4 5 6 7 8 9
Weights in use: 500 Medium · 600 SemiBold · 700 Bold · 800 ExtraBold

Body Typeface

Fira Sans

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z · a b c d e f g h i j k l m n o p q r s t u v w x y z · 0 1 2 3 4 5 6 7 8 9
Weights in use: 300 Light · 400 Regular · 500 Medium

Type Scale

Role	Font	Weight	Size	Line Height	Usage
Display	Inter	ExtraBold 800	56–96 px	1.0	Hero headlines, key stats, pull quotes
H1	Inter	Bold 700	40–48 px	1.1	Page titles, section openers
H2	Inter	SemiBold 600	28–32 px	1.2	Sub-sections, card headers
H3	Inter	Medium 500	20–24 px	1.3	Panel titles, widget labels
Body Lead	Fira Sans	Light 300	18–20 px	1.8	Intro paragraphs, section summaries
Body	Fira Sans	Regular 400	16–18 px	1.7	Running text, paragraphs
Caption	Fira Sans	Regular 400	12–14 px	1.5	Captions, form labels, metadata
UI / Nav	Inter	Medium / SemiBold	14–16 px	1.4	Buttons, navigation, tags, badges

Rules

✓ Do

Set all headings in Inter Bold or ExtraBold
Set body text in Fira Sans Regular at 16–18 px, 1.6–1.7 line height
Left-align body text; centre-align only short display lines
Use Inter for UI elements, navigation, and labels

✗ Don't

Mix more than two typefaces in one layout
Justify body text — creates uneven rivers of space
Use Inter Light (300) for body text at small sizes
Set body text below 14 px in any medium

Visual PatternThe parallelogram motif

The Cactix visual pattern extends the icon mark — a repeating system of offset parallelogram modules that creates textural depth and brand coherence without overpowering content.

Source File

SVG vector — scales without loss. Never rasterize unless required by print production.

Stroke Weight

0.75 pt at source scale. Scale proportionally — never increase disproportionately.

Modules

3 bars per module, 13 modules in the source. Use 3+ modules per application.

Colour Variants

Lime on Black (default) · White on Black · Black on Lime · Lime on Aqua

Pattern Do's & Don'ts

✓ Do

Use at 10–30% opacity for subtle background texture
Use as a full-bleed horizontal strip at full opacity
Pair with dark backgrounds for maximum impact
Maintain original SVG proportions at all times

✗ Don't

Recolour outside the four approved variants
Rotate, skew, or distort the pattern geometry
Apply the pattern over body copy — becomes unreadable
Allow it to dominate — it should accent, not overwhelm

Spacing & LayoutGrid, rhythm, and spatial tokens

All Cactix layouts use an 8 px base unit, creating visual rhythm and professional density across web, print, and presentations.

Spacing Tokens

Token	Value	Typical Usage
xs	4 px	Icon gap, inline element spacing
sm	8 px	Button padding, chip gap, tight component spacing
md	16 px	Component internal padding (default)
lg	24 px	Card padding, section internal gap
xl	40 px	Section divider, feature row gap
2xl	64 px	Section top/bottom padding, hero vertical rhythm
3xl	96 px	Full-page section top/bottom margin