Design System
Brand Guidelines
The official visual identity, typography, and color specifications for Turbo Bytes Consulting. Our aesthetic is rooted in precision, intelligence, and premium execution.
Typography
Inter
Display & HeadingsAa Bb Cc
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 & ! @ # % *
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 & ! @ # % *
Bold 700
SemiBold 600
Medium 500
Regular 400
Used for primary headings, buttons, eyebrows, and major UI elements. It communicates structural solidity and technology.
DM Sans
Body TextAa Bb Cc
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 & ! @ # % *
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 & ! @ # % *
Medium 500
Regular 400
Used for all long-form body copy, paragraphs, and subtle supporting text. It ensures maximum readability and a clean, modern aesthetic.
Color Palette
Core Identity
#0D1B2A
TBC Ink
#0D1B2A
#FAFAF8
TBC Ivory
#FAFAF8
#1B3A8C
Royal Blue
#1B3A8C
#C8960C
TBC Gold
#C8960C
Secondary & Accents
#2952CC
Royal Mid
#2952CC
#EEF2FF
Royal Light
#EEF2FF
#E5AD0E
Gold Bright
#E5AD0E
#FFF8E1
Gold Light
#FFF8E1
#1A5C3A
Emerald
#1A5C3A
#247A4E
Emerald Mid
#247A4E
#6B7280
Mid Grey
#6B7280
#F3F4F6
Light Grey
#F3F4F6
Logo & Marks
TBCTURBO BYTES
CONSULTING
CONSULTING
TBCTURBO BYTES
CONSULTING
CONSULTING
TBC
Dark IconTBC
Light IconUI Elements
Buttons
Used for main calls to action. Class: .btn-primary
Used for high-contrast emphasis. Class: .btn-gold
Used on dark backgrounds. Class: .btn-ghost-gold
Form Elements & Tags
Tags
AI StrategyDevelopmentActive