Businesses in every industry are drowning in spreadsheets. Beforth exists to replace them with custom software that actually slaps.

As a custom software studio, we design and build ERPs, mobile apps, web platforms, and HRMS & CRM systems. By combining sharp product thinking with clean engineering, we help clients move from spreadsheet chaos to tools that work.

No cap, just clean code and good vibes. You focus on the bag. We'll handle the tech.

The wordmark is set in Bebas Neue (Beforth's primary display typeface), paired with the compact icon mark. Both elements form the primary identity lockup and must always appear together on external-facing materials.

The wordmark renders in Navy (#0D1117) on light backgrounds, and White (#FFFFFF) on dark or blue backgrounds. These are the only two approved color states.

Beforth's signature typographic device, the stroke / outline text treatment, is used selectively in display contexts (as seen on beforth.in with "BANGER"). It must never replace the filled wordmark as the primary identity mark.

The symbol (also called the "icon" or "B mark") is Beforth's secondary form of identity. It should never be locked up with the wordmark, and must live independently.

Use of the symbol should be reserved for cases where the full wordmark cannot serve, such as favicon, app icon, social media avatar, or where space is constrained.

The symbol always appears as a compact square with rounded corners. It must never be recreated freehand. Always use the approved asset file.

Beforth's primary brand colors are Navy, Blue, Slate Background, and White. These are sampled directly from beforth.in and must be used precisely, never approximated.

The values for print applications are CMYK and Pantone values. For digital applications, use the HEX or RGB values shown.

Navy (#0D1117) grounds all typography and dark surfaces. Blue (#1A5BFF) is the action color, reserved for buttons, highlights, and active states. Use it purposefully. The Slate background creates Beforth's signature airy, tech-blueprint atmosphere.

Secondary colors extend the brand palette for depth, hierarchy, and structure. They should never compete with the primary Blue accent color.

These secondary colors should be used individually alongside the primary palette, not all together in the same composition.

Our display typeface is Bebas Neue: a condensed uppercase sans-serif that projects authority and forward momentum. It is used for all headlines, titles, hero text, and the wordmark itself. Always uppercase.

Our body typeface is Inter: a precision-crafted variable sans-serif built for screen legibility. It handles all body copy, UI labels, tags, and buttons.

Bebas Neue should be used for headers, display text, and chapter numbers across all brand materials. Inter should be used for all body copy and description text.

The dot grid is Beforth's primary background texture, the defining visual atmosphere of beforth.in. It uses a radial dot pattern in #C2CEE8 on the Slate BG (#EDF0F8), spaced 28px apart.

The pattern must only appear on the Slate BG surface color. It must never be overlaid on dark navy, blue, or other colored backgrounds. Use it as a supporting texture, not a focal element.

When the wordmark or headline text is placed over the dot grid, the outline/stroke text variant may be used to create a layered, blueprint-like visual effect, as demonstrated on the right.

Beforth's UI language uses rounded pill-shaped tags and buttons, the exact style seen on beforth.in. All tags use Inter Medium, uppercase, with generous letter-spacing.

Four tag styles are approved: Outline (default), Blue fill (primary action), Navy fill (dark action), and Ghost (secondary action). Tags are used to label service offerings such as "Custom ERPs", "Mobile Apps", "Web Platforms", and "HRMS & CRM".

Buttons follow the same pill shape. The primary CTA (Let's Talk ↗) always uses the Blue fill. Navigation uses the Navy fill. Secondary actions use outline or ghost styles.