Reference material

The Hoplite
Brand Kit

Logo, color, type, imagery, effects, and media — every asset copyable in place.

Hoplite

Both lockups pair a mark with the wordmark set in Funnel Display at −2% tracking: the full charging war-horse, and the compact cut with the © tucked at its flank for app icons, stamps, and small print. Keep the pairing intact — fixed gap, optically centered, flat ink on brand grounds.

©
Hoplite
Hoplite

Logo mark

The mark is drawn on a fixed construction grid — red guides govern every curve. Never redraw, rotate, outline, or re-space it; place it only on the three brand grounds.

Charging-horse mark ghosted on its construction grid with red geometric guides

Compact mark

The compact mark follows the same geometry — one grid, one set of guides, the © locked to its bottom-left corner.

Compact Hoplite mark on its construction grid with red geometric guides

Word mark

The word mark is Funnel Display, always at −2% tracking. Descriptors hang off it in small caps: the product reads Hoplite ©LLM, the domain reads Hoplite.sh.

Hoplite
Lockup/product descriptor

Hoplite©LLM

Domain-based + lockup

Hoplite.sh©LLM

Domain-based

Hoplite©sh

Avatar

Profile tiles sit on the three brand grounds at a 27% corner radius, the compact mark centered with its © intact.

Pixel logo + font

The mark degrades through the dither ladder and the type follows — Redaction 100 under the roughest cut, stepping down to the clean mark over Redaction plain.

Hoplite mark and wordmark at dither level 5 of 5
Hoplite mark and wordmark at dither level 4 of 5
Hoplite mark and wordmark at dither level 3 of 5
Hoplite mark and wordmark at dither level 2 of 5
Hoplite mark and wordmark at dither level 1 of 5

Color

Color Usage

Three primaries carry the system: Brand Orange ignites actions and accents, Primary Black carries type and marks, and the warm white ground is where everything lives. Gray is the working neutral in between.

Gradients

Gradients behave like embers — a ground tone burning into Brand Orange at the base. Never blend two hues side to side; heat always comes from below.

Gray - #C7C7C7Orange - #FF3616
Black - #1E1E1EGray - #C7C7C7Orange - #FF3616

Typography

Typeface

Funnel Display leads every headline with Funnel Sans behind it for body copy. Redaction carries secondary and emphasis moments, and mono handles anything that ships as code.

Funnel Display

Regular

Funnel Display

Medium

Funnel Sans

Regular

Redaction

Regular

Redaction 35

Italic

Funnel Sans

Mono

Funnel Display

Regular

Funnel Sans

Regular

Funnel Sans

Regular

Funnel Sans

Regular

Funnel Sans

Regular

Funnel Sans

Regular

Funnel Sans

Mono
Poster/banner display textSpecific use case
Regular

Bebas Neue

Redaction Typeface

Redaction ships in numbered cuts — the number is the bitmap degradation. Ten is nearly clean type; one hundred is shattered. Climb the ladder as the moment gets louder.

Redaction

Italic

Redaction 10

Italic

Redaction 20

Italic

Redaction 35

Italic

Redaction 50

Italic

Redaction 70

Italic

Redaction 100

Italic

imagery

Brand Imagery

Greek monuments against far-future megastructures, rendered in one ink through a hard Bayer dither. Shoot wide, light from the haze, and let the architecture do the talking.

Dithered black-and-white valley city: a colossal blade-like monolith tower rises at center flanked by rocket-shaped spires, with a Greek temple on a ridge and a river gorge in the foreground
Dithered black-and-white acropolis: a Doric temple and dish tower atop a cypress-covered hill, with a pyramid mountain and a tiered futuristic spire in the hazy city beyond
Dithered crag with a columned Greek temple below jagged peaks, a lone figure on the ledge, and three thin towers in the misty distance
Dithered hillside temple framed by dark trees, a huge mountain behind and slender antenna spires piercing the clouds
Dithered lakeside capitol: a domed classical building and colonnades reflected in still water, needle-thin skyscrapers across the lake
Dithered terrace city: a long colonnaded Greek temple with towering flared broadcast pylons behind it and a valley city below

Effects

Brand texture

Every image passes through the dither before it ships. The recipe below is the house setting — Bayer 4×4 at 1.1 intensity, mono palette — dialed in at grainrad.com.

Dither effect linkhttps://grainrad.com/Dither settings
Dithering
AlgorithmBayer 4x4
Intensity1.1
Matrix Size2x2 (Coarse)
Modulation
Adjustments
Brightness42reset
Contrast-24reset
Gamma0.5reset
Sharpen1.0reset
Color
ModeMono
Foreground#FFFFFF
Background#000000
Chromatic Effects
Enabled
Max Displace0px
Red Channel28
Green Channel32
−Processing
Invert
Brightness Map1.3
Edge Enhance0
Blur0.0
Quantize Colors0
Shape Matching0.0

Media

Banners

Ready-made compositions for social and launch surfaces — the wordmark, the dither grounds, and the ember gradient in fixed arrangements. Pick one; don't invent new ones.

Backed byYCombinator

Hoplite.sh©LLM

Deploy Cloud Code
Agents Effortlessly

Backed byYCombinator

Deploy Cloud Code
Agents Effortlessly

Hoplite©LLM

Backed byYCombinator

11777

Deploy Cloud Code
Agents Effortlessly

Hoplite©LLM

Backed byYCombinator
Hoplite
Backed byYCombinator
Hoplite
Code agents

Deploy Cloud Code
Agents Effortlessly

Backed byYCombinator

Hoplite.sh©LLM

Glossy orange 3D-rendered charging horse
Backed byYCombinator

Cloud Code
Agents

Backed byYCombinator

Hoplite.sh©LLM

Profile avatar

Square-format marks for profile surfaces: the charging horse over its pixel glyph, on each of the three grounds.

©
©
©