Skip to main content

Brand Guidelines

Everything you need to represent Lorikeet Security consistently across all channels and materials.

Logo

Our logo is the primary representation of the Lorikeet Security brand. Always use approved files and maintain clear space.

Primary (Dark Background)
Lorikeet Security Logo on Dark
Dark backgrounds (#142b49 or darker)
Light Background
Lorikeet Security Logo on Light
White or light backgrounds
Favicon / Icon
Lorikeet Security Favicon
App icons, browser tabs, small sizes
1x 1x 1x 1x Logo clear space

Minimum clear space: 1x the height of the logomark on all sides

Do
  • Use on solid backgrounds
  • Maintain clear space
  • Use approved color combos
  • Link logo to homepage
Don't
  • Stretch or distort
  • Place on busy imagery
  • Alter the logo colors
  • Add drop shadows or effects

Colors

Our color palette is designed for dark interfaces and high-contrast readability. Click any hex value to copy it.

Brand Colors

Lorikeet Rose
#ba5663
Primary accent, CTAs, links
Rose Light
#db6574
Hover states, secondary accent
Navy Primary
#142b49
Backgrounds, cards, sidebar
Navy Light
#1a375d
Card surfaces, inputs, hovers
Navy Dark
#0a1628
Page backgrounds, gradients

Text & UI

Text Primary
#d5d9d8
Headings, body text
Text Secondary
#85888e
Descriptions, labels
Border
#525252
Dividers, card borders

Status & Feedback

Success
#20c997
Resolved, positive, passed
Warning
#ffc107
Medium risk, pending
Danger
#dc3545
Critical, errors, destructive
Info
#3b82f6
Informational, links

Typography

We use Inter as our primary typeface for all UI and marketing, with JetBrains Mono for code and technical content.

Inter
The quick brown fox jumps over the lazy dog. 0123456789
Primary Font
font-family: 'Inter', sans-serif
Weights: 300 – 900
Used for: UI, headings, body text, marketing
JetBrains Mono
const flag = "CTF{s3cur1ty}";
Monospace Font
font-family: 'JetBrains Mono', monospace
Weights: 400, 500
Used for: Code, hex values, technical data
H1 — 1.5rem / 700
H2 — 1.25rem / 700
H3 — 1.1rem / 600
H4 — 0.92rem / 600
Body — 0.88rem / 400
Small — 0.78rem / 400
Type Scale
Base: 0.88rem (14px)
Line height: 1.5 body, 1.2 headings

Gradients

Gradients used across backgrounds, headers, and interactive elements.

Page Header
linear-gradient(135deg, #0a1628, #142b49)
Headers, hero sections
Page Background
linear-gradient(180deg, #0a1424, #0e1c32, #142b49)
Full page backgrounds
CTA / Button
linear-gradient(135deg, #db6574, #ba5663)
Primary buttons, submit actions

Voice & Tone

How we sound across everything we write—from marketing to findings reports.

Authoritative

We know our craft. Speak with confidence backed by technical depth, not buzzwords.

Direct

No fluff, no enterprise jargon. Say what needs to be said clearly and move on.

Approachable

Security is complex—our communication shouldn't be. Make it accessible without dumbing it down.

Action-Oriented

Lead with what to do, not what went wrong. Guide people toward outcomes.

Write like this
  • "We found 3 critical vulnerabilities in your API endpoints."
  • "Your pentest report is ready—here's what to fix first."
  • "Schedule a scan in under 60 seconds."
Not like this
  • "Leveraging our cutting-edge solutions to synergize your security posture."
  • "Your comprehensive vulnerability assessment deliverable is now available."
  • "Utilize our platform to initiate a vulnerability discovery workflow."

UI Patterns

Core design tokens used across all Lorikeet Security products.

Border Radius
8px
Buttons
10px
Cards
12px
Panels
20px
Badges
Shadows
Card: 8px 7px 15px #081936
Hover: 0 4px 12px rgba(186,86,99,0.3)
Icon Containers
Primary
Info
Success
Warning

Font Awesome 6 Solid — 44x44px containers, 10px radius, tinted bg

Lory waving

Hi, I'm Lory! Need help finding the right service? Click to chat!