Brand Identity
Core pillars that guide the industrial aesthetics of Jalap Nepal.
Robust
Heavily defined structural components, high contrast borders, and massive typography denoting power and stability.
Precise
Strict geometric grids, sharp layout boundaries (0px roundedness), and detailed structural lines resembling steel blueprints.
Authoritative
A primary red accent system highlighting action calls, with heavy slate and metal dark tones asserting regional dominance.
Color Palette
Tailored HSL theme colors reflecting structural elements, slate steels, and warning highlights.
Primary Red
bg-primary
Primary Container
bg-primary-container
On Surface
bg-on-surface
Secondary Slate
bg-secondary
Steel Gray
bg-steel-gray
Base Background
bg-surface
Surface Dim
bg-surface-dim
Surface Ice
bg-surface-ice
Surface Container
bg-surface-container
Deep Charcoal
bg-[#121212]
Typography Scale
Display and Headline typography in geometric Montserrat; body copy in legible Inter; system tags in monolinear IBM Plex Sans.
font-display-lg text-display-lg
Montserrat 64px / Bold 800
font-headline-lg text-headline-lg
Montserrat 32px / Bold 700
font-headline-md text-headline-md
Montserrat 24px / Bold 700
font-body-lg text-body-lg
Inter 18px / Regular 400
font-body-md text-body-md
Inter 16px / Regular 400
font-label-caps text-label-caps
IBM Plex Sans 12px / Semi-Bold 600
UI Components
Machined elements containing clear visual feedbacks and hover states.
Buttons & Interactive States
Form Controls
Cards & Bento Components
Bento grids using hard-outline elevations and dynamic micro-animations.
Corrosion Defense
Hover over this card to witness structural translation shadow effects.
Steel Assembly
Clean grids keep industrial layouts readable and technically ordered.
Seismic Modeling
All card outlines automatically trigger brand accents on cursor mouseover.