Applies bahonavi's official brand colors, gradients, and typography to any artifact that may benefit from having bahonavi's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
bahonavi (Back Home Navigation) builds intelligent software, web applications, Python automation, and FPGA solutions. The visual identity bridges technology and heritage — modern, dark-first interfaces with warm brand accents that recall direction, guidance, and craftsmanship.
Keywords: branding, corporate identity, visual identity, styling, brand colors, typography, bahonavi brand, visual formatting, visual design, dark theme, light theme
The website uses a token-based color system with a dark theme (default) and an optional light theme.
| Token | Value | Role |
|---|---|---|
--bg | #050811 |
| Page background |
--bg-card | #0c1123 | Card / panel background |
--surface | rgba(255,255,255,0.05) | Elevated surfaces (buttons, chips) |
--line | rgba(255,255,255,0.08) | Borders and dividers |
--text | #d4deee | Primary body text (soft blue-white, reduced eye strain) |
--muted | #7a8fa8 | Secondary / muted text |
--accent | #00f2fe | Highlight accent (cyan) |
--nav-bg | rgba(5,8,17,0.84) | Navbar background (frosted glass) |
--shadow | 0 20px 60px rgba(0,0,0,0.36) | Card drop shadow |
| Token | Value | Role |
|---|---|---|
--bg | #e8ecf5 | Page background (blue-gray, more character) |
--bg-card | #f1f4fb | Card / panel background |
--surface | rgba(0,0,0,0.07) | Elevated surfaces (buttons, chips) |
--line | rgba(0,0,0,0.14) | Borders and dividers |
--text | #0d1120 | Primary body text |
--muted | #3d5370 | Secondary / muted text (deeper, more readable) |
--accent | #006ea3 | Highlight accent (richer cyan-blue) |
--nav-bg | rgba(232,236,245,0.93) | Navbar background (frosted glass) |
--shadow | 0 20px 60px rgba(0,0,0,0.12) | Card drop shadow |
| Token | Value | Role |
|---|---|---|
--brand | #ff512f | Primary brand color (orange-red) |
--brand-2 | #dd2476 | Secondary brand color (pink) |
--grad | linear-gradient(135deg, #ff512f → #dd2476) | CTA buttons, step badges, dividers |
These two colors and the gradient are never overridden by the light theme — they are always used the same way regardless of theme.
The signature gradient is used on all primary calls-to-action, step-number badges, and process dividers.