Identity & Design System

BANSE LLC Brand Guide

The official reference for colors, typography, logo usage, and UI components. Follow these guidelines to keep all BANSE communications consistent and professional.

01

Logo

The BANSE logo is the primary brand mark. It must always be reproduced clearly, with adequate clear space, and never distorted.

BANSE logo on white On White
BANSE logo on light gray On Light Gray
BANSE logo on dark On Dark (inverted)

Size Specifications

ContextMinimum WidthUsage
Navigation bar160pxSticky nav header — always links to homepage
Hero / prominent220pxPage heroes, large feature placements
Footer160pxInverted (white) version on dark background
Email signature140pxFull-color on white background
Favicon32×32pxBrowser tab icon — use logomark only if available

Clear Space

Always maintain a clear space around the logo equal to at least half the logo's height on all four sides. Never crowd the logo with text, images, or other graphic elements.

Do & Don't

✓ Do

  • Use the full-color logo on white or light backgrounds
  • Use the inverted (white) logo on dark navy or blue backgrounds
  • Maintain the logo's aspect ratio — never stretch or squash
  • Ensure adequate contrast against the background
  • Link the logo to the homepage in all digital uses

✗ Don't

  • Don't recolor the logo with non-brand colors
  • Don't add drop shadows, outlines, or effects
  • Don't place the logo on busy photographic backgrounds
  • Don't rotate or skew the logo
  • Don't use the logo smaller than the minimum sizes above
02

Color Palette

The BANSE palette is built on two blues drawn from the logo — Navy and Sky — supported by a clean neutral system. Use primary colors for key UI elements, neutrals for backgrounds and text.

Primary Colors

Navy Blue
#1B3A8C
Primary — buttons, headings, nav
Sky Blue
#4DB8E8
Secondary — accents, tags, bullets
Deep Sky
#0A9DCC
Accent — hover states, links
Navy Dark
#122870
Depth — hover on navy elements

Neutral Colors

White
#FFFFFF
Page background, card fills
Surface
#F5F8FC
Section backgrounds, card surfaces
Charcoal
#1E293B
Body text, headings on white
Slate
#64748B
Supporting text, captions

System & Footer Colors

Border
#E2E8F0
Dividers, card borders
Footer Navy
#0D1F5A
Footer background only
Success
#10B981
Form success states only
Error
#EF4444
Form error states only

Color Usage Rules

✓ Do

  • Use Navy Blue (#1B3A8C) for primary CTAs and navigation
  • Use Sky Blue (#4DB8E8) for secondary actions and accents
  • Use gradients from Navy → Sky for hero backgrounds and icons
  • Ensure text always meets WCAG AA contrast (4.5:1 minimum)
  • Use Surface (#F5F8FC) to alternate section backgrounds

✗ Don't

  • Don't use Success/Error colors for decoration
  • Don't place Sky Blue text on white (insufficient contrast)
  • Don't use more than two brand colors in a single component
  • Don't introduce off-brand colors without updating this guide
  • Don't use gradients in body text or small UI elements
03

Typography

Two typefaces — one for impact, one for clarity. Both are loaded from Google Fonts and should always be used together.

Heading Font
Plus Jakarta Sans
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Weights used600 SemiBold · 700 Bold · 800 ExtraBold
Use forAll headings, nav links, buttons, labels
Google FontsPlus Jakarta Sans
Body Font
Inter
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Weights used400 Regular · 500 Medium
Use forBody copy, lists, captions, form fields
Google FontsInter

Type Scale

H1 — 3.6rem / 800 weight / Plus Jakarta Sans

Enterprise SAP Consulting

H2 — 2.6rem / 700 weight / Plus Jakarta Sans

Senior-Level Expertise

H3 — 1.5rem / 600 weight / Plus Jakarta Sans

SAP Basis Administration

Lead / Large body — 1.15–1.2rem / 400 / Inter / color: Slate

We deliver world-class SAP Basis and Odoo implementation services with 25+ years of hands-on experience.

Body — 1rem / 400 / Inter / line-height: 1.6

BANSE LLC is a Wyoming-registered consulting firm founded by Gerardo A. Banegas Girón, a SAP Certified NetWeaver Administrator with over 25 years of enterprise experience across the U.S. and Latin America.

Section Label — 0.8rem / 700 / Plus Jakarta Sans / uppercase / color: Accent
SAP Consulting
04

Buttons

Buttons use Plus Jakarta Sans at 700 weight. Always use the correct button style for the context — primary for the main action, outline for secondary actions.

Standard sizes
Primary Large Primary Default Primary Small
Sky Large Sky Default Sky Small
Outline Large Outline Default Outline Small
On dark background
Sky on Dark Outline White Outline White Sm
VariantUse WhenCSS Class
PrimaryThe single most important action on a page or section.btn--primary
SkySecondary CTA, often on dark/navy backgrounds.btn--sky
OutlineAlternative action alongside a primary button.btn--outline
Outline WhiteAlternative action on dark/navy backgrounds only.btn--outline-white
05

Cards

Cards group related content and actions. They use rounded corners, subtle borders, and lift on hover with a shadow and translateY effect.

Standard Card

Used for service detail items, features, and supporting content. White background with border.

.card

Surface Card

Used on white-background sections. Light blue-gray fill, no visible border.

.card.card--surface

Why Card

Centered icon card for value propositions and feature highlights.

.why-card

06

Brand Voice

BANSE communicates as a senior expert — direct, honest, and technically credible. Not a salesperson. Not a marketer. A practitioner who gives straight answers.

✓ Sound Like BANSE

  • Direct and specific: "25+ years of hands-on SAP Basis experience"
  • Honest about trade-offs: "SAP Analytics Cloud works — in specific contexts"
  • Client-focused: "No sales pitch. Just straight answers."
  • Technically credible: Use real product names, versions, and concepts
  • Bilingual-aware: Acknowledge both English and Spanish capabilities naturally

✗ Avoid These

  • Vague superlatives: "world-class solutions," "cutting-edge technology"
  • Corporate jargon: "synergize," "leverage our robust platform"
  • Overselling: "The only SAP consultancy you'll ever need"
  • Excessive hedging: "We might be able to possibly help with..."
  • Filler phrases: "In today's fast-paced digital landscape..."

Questions About the Brand?

For brand usage approvals or questions, reach out directly to the BANSE team.

Contact Us Back to Website