ClientStack
See it in action

The ClientStack
identity.

An open frame and two lines that make a stack. The identity for software you host, with rules you publish.

Download the brand kit SVG + PNG · B40 master
ClientStack, with an open C frame and two indigo bars
The primary signatureInter 600 / Ink + indigo

An open C.
A visible stack.

The frame carries the C in ClientStack. Two straight bars form the stack and extend through its opening. The broad left curve softens the shape; the open right side keeps each part distinct.

This is a visual shorthand for the name. Managers publish the product’s rules, and people handle requests the rules cannot finish.

Symbol construction
ClientStack B40 symbolAn eight-unit grid on a 128-unit canvas. The left outer radius is 40 units, the right outer radius is 24, and the frame and bars are 16 units thick. 128128u = 816 × 16 grid

The finished mark. All dimensions refer to the 128-unit master.

Exact coordinates and lockup spacing

The 128-unit master

PartHorizontalVertical
Frame8–1128–120
Upper bar48–12040–56
Lower bar48–12072–88
Visible bounds8–1208–120
Right opening11232–96

Alignment and spacing

The horizontal and compact lockups leave 24 units between the symbol’s visible right edge at 120 and the wordmark’s visible left edge at 144. The stacked lockup leaves 32 units between visible edges.

Center the wordmark by its visible bounds. The symbol has no optical shift. The supplied artwork fixes the proportions, kerning and alignment; the SVG paths are the source for production.

One mark.
Room to fit.

Choose the layout that fits the space. Keep the supplied proportions and spacing. Every lockup comes in two-color and single-color versions for light and dark backgrounds.

ClientStack horizontal logo

Horizontal

240 px minimum

The primary signature for the website, documents and wider spaces.

ClientStack stacked logo

Stacked

160 px recommended

For covers and centered compositions with room above and below.

ClientStack compact logo

Compact

144 px minimum

A closer lockup for narrow headers and small printed formats.

ClientStack symbol logo

Symbol

48 px minimum

For places where the name already appears, or the space is square.

Ink and indigo symbol on paper
Two-color / light
Paper and indigo symbol on night
Two-color / dark
Single-color ink symbol on paper
One-color / ink
Single-color paper symbol on indigo
One-color / paper

Give it space.

Leave at least 16 units around the visible mark, equal to one bar’s thickness. Keep text, borders and other logos outside that area.

Clear-space diagram: a 16-unit exclusion zone around the visible ClientStack symbolDownload clear-space SVG

Small means small.

These symbols appear at their actual CSS size. Use the micro drawing at 16–40 px. Each bar moves 4 units toward the center. The clearances at the C’s ends grow from 8 to 12 units; the gap between the bars narrows to 8. Bar thickness stays 16. The compact lockup uses the same spacing.

16 pixel micro symbol
16 px
20 pixel micro symbol
20 px
24 pixel micro symbol
24 px
32 pixel micro symbol
32 px
48 pixel master symbol
48 px
64 pixel master symbol
64 px
Horizontal logo at its 240 pixel minimum widthHorizontal · 240 px
Compact logo at its 144 pixel minimum widthCompact · 144 px

The same language
as the product.

Slate gives the interface its quiet surfaces. Indigo marks an action or a selection. Inter and JetBrains Mono match the product’s design system, replacing the previous blue and Jakarta pairing.

Ink

#1c2024

Primary text and the frame.

Paper

#fcfcfd

The main light surface.

Indigo

#3e63dd

The stack, actions and focus.

Night

#111113

The main dark surface.

Slate

#60646c

Secondary text on paper.

Line

#d9d9e0

Quiet borders and dividers.

For small text links on paper, use the product’s darker indigo text token #3a5bc7. Status colors belong to the interface; they do not recolor the logo.

Inter

Words and the wordmark

Rules you
can read.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm
0123456789 & ? !

Regular 400Medium 500Semibold 600

The supplied wordmark uses Inter 600 with −0.017em tracking. Its letters are outlines. Use the asset; don’t rebuild it by typing the name.

JetBrains Mono

Values, keys and code

128 × 128
r = 40
u = 8

Aa Bb Cc Dd Ee Ff Gg Hh
0123456789 { } [ ] →

Use it when each character matters. Keep code ligatures off and numeric columns aligned. Both type families use the SIL Open Font License.

On the page.
At the desk.

The full signature identifies ClientStack on the website and in print. Inside a buyer’s workspace, the configured product name stays in plain text. Applicant screens carry the buyer’s team identity.

ClientStack
Your install.
Your rules.Self-hosted software
ClientStack by NowSquare
Buyer-package cover · application study
ClientStack faviconRequests · Northline desk
Northline deskRequest typesTeamAlex

Needs a person

Requests the published rules could not complete.

Installation supportThe answer needs clarification.
Open
Account accessNo published rule matched.
Open
Illustrative workspace · configured name, text-only header
ClientStack
Case software.
Rules you publish.clientstack.co
NowSquare
Business card · two-color on night
ClientStack sign in a light architectural panel
Signage · single-color artwork, original proportions

A name the buyer controls.

APP_NAME sets the product name in a self-hosted installation. The example uses “Northline desk”. The symbol can stand alone as a favicon; it does not sit beside the name in the workspace, authentication screens or email. A buyer’s name never needs the ClientStack lockup attached.

Keep the drawing
intact.

The curves, spacing and open side do the work. Use the supplied file on a calm background with clear contrast. A single-color version is the right choice when two colors cannot print.

Correct: original ClientStack symbol

Do keep the original.

Scale in proportion, preserve the clear space and use an approved color version.

Incorrect example: stretched symbol

Don’t stretch or rotate.

Keep the canvas square and the bars level.

Incorrect example: low-contrast symbol

Don’t fade or recolor.

Keep full opacity. Avoid low contrast and colors outside the supplied set.

Don’t redraw or add effects.

No outlines, glow, shadows, new radii or replacement type for the wordmark.

Say what the product does.

ClientStack is self-hosted case software. Managers publish the rubrics and rules. Jev judges answers; PHP applies the published rules. When judgment fails, a person takes over. No model writes the runtime question, decision or summary.

The complete
asset library.

SVG for sharp edges at any size. PNG at 2× resolution for tools that need a bitmap. Logo backgrounds are transparent; app icons include their background. Choose a version that contrasts with your surface.

Download everything
24 logo assets · SVG + PNG

Reference files

Construction SVG Clear-space SVG Wordmark in ink Wordmark in paper Asset manifest

Use these assets to refer to ClientStack. Keep the artwork intact and don’t imply a partnership or endorsement. For another use, contact NowSquare.

Find an answer

Try “publish”, “API”, or “human handoff”.