rahuljangir.work Brand
Key elements of the rahuljangir.work visual identity, including the mark, logotype, full logo, clear space, color modes, and usage rules.
The rahuljangir.work identity is built around a bold R mark, a technical pixel-grid logotype, and a high-contrast orange stripe system. The identity should feel direct, practical, and rooted: a modern engineer's portfolio with a strong Rajasthan-inspired orange signature.
Mark
The mark is the compact R symbol used in navigation, brand menus, small surfaces, favicons, and places where the full logotype would be too wide.
Use the mark when the Rahul name is already nearby, or when the context clearly belongs to rahuljangir.work.
Logotype
The logotype spells the personal name in the site's pixel-grid style. Use it for brand sections, footer moments, profile surfaces, and wide layouts where the full name should be visible.
The logotype should remain horizontal. Do not stack, rotate, stretch, or redraw the letters.
Full Logo
The full logo combines the orange stripe field and the R mark. It is useful for project cards, Open Graph imagery, app icons, and branded media.
Download Full Logo SVG
Clear Space
Maintain clear space around the mark so it stays readable. As a rule of thumb, keep at least half the mark height free on all sides.
For the logotype, keep enough space around the wordmark so the block letters do not collide with borders, panels, or nearby controls.
Modes
Use the mark in three primary modes: light, dark, and signature orange. Choose the version that gives the strongest contrast against the surrounding UI.
Color
| Role | Color | Use |
|---|---|---|
| Signature orange | #ff8500 | Primary brand accent, stripe system, highlighted logo surfaces |
| Black | #000000 | Logo outline, high-contrast brand lockups |
| Foreground | currentColor | Theme-aware mark and logotype inside the UI |
| Background | transparent | Stripe gaps and flexible placement |
Usage Rules
- Keep the
Rmark readable at small sizes. - Keep the stripe gaps transparent when the logo sits on a designed surface.
- Use the orange stripe logo only where a bold brand signal is helpful.
- Use the monochrome mark for header, command menu, and compact UI contexts.
- Do not add shadows, gradients, bevels, or 3D effects to the mark.
- Do not change the angle of the stripe system.
- Do not crop the
Runless the crop is intentional for a large graphic composition. - Do not place the orange mark on low-contrast orange or brown backgrounds.
Implementation Notes
The brand assets are code-first:
- The reusable mark component lives in
src/components/rahuljangir-mark.tsx. - The reusable logotype component lives in
src/components/rahuljangir-wordmark.tsx. - The full stripe logo lives in
public/assets/rahuljangirwork.svg. - The brand menu links to this page from the site header context menu.
This keeps the visible identity and the implementation tied to the same source instead of drifting into separate one-off files.