The Treelance brand, in one place.
Logo, color, typography, brand styles, spacing, and the visual disciplines that keep every Treelance surface coherent. The single source of truth. Reference this before generating any new marketing asset.
Mark, wordmark, lockup.
Three branches diverging from a single junction. The mark in a brand-light circle, the wordmark in Inter Semibold, single color, -0.025em tracking. Together, the canonical brand identity.
A purposeful green, restrained.
The green references “tree,” signals organic growth, sits in the trustworthy color space. Not bright emerald, not mint, not corporate hunter. Slightly muted, slightly warm. Used with discipline.
- ✓Brand color appears in defined roles only: logo mark, brand band, eyebrow rule, hover state, decorative dot. Not as a generic accent everywhere it could fit.
- ✓Editorial style: brand color occupies ~0.5% of visual area. Anchored: ~14–25%. Bold: ~85–95%.
- ✓Numbers, prices, and metadata always use JetBrains Mono with tabular figures. Never Inter, never proportional.
- ×No AI blue #3B82F6. No purple-blue gradients. No pastel mints. No saturated emerald. No corporate hunter green.
- ×No filled card containers with brand color washes. Containers compete with composition. Use hairline borders instead.
- ×Never use pure black #000000 for text. Always Ink #0A0A0A. The slight warmth matters at scale.
Inter for everything. JetBrains Mono for numbers.
Two families, used with restraint. Maximum two weights per surface. Tracking tightened for display, opened for caps. OpenType features on for ligatures, kerning, and Inter’s stylistic set.
Treelance ships finished design assets for indie founders in 20 minutes. AI pipeline produces, human reviewer checks, you ship.
111 · 222 · 333 $49 · $129 · $179 19:00 · 28:30 · 67:11
111 · 222 · 333 $49 · $129 · $179 19:00 · 28:30 · 67:11
Three styles, one identity.
Every Treelance product gets produced in one of three styles. The customer picks the one that fits their brand personality. The shared identity (logo, color, type) stays constant. What changes is how much brand color is on screen.
Look better.
Cream background, near-black text. Brand color in three small accent places: rule, eyebrow, dot. Maximum design discipline. Best for SaaS, dev tools, premium B2B.
not draft.
Cream content area + brand-colored band. Logo and metadata sit on the band in white. Most balanced choice. Recommended default. Best for consumer apps and most products.
Human review.
Finished work.
Full brand color background, white text. Maximum brand presence. Best for confident consumer brands and surfaces where color is part of the message.
Hairlines and breath.
Treelance surfaces are structured by hairline borders and generous spacing, not filled cards or shadow-stacked containers. Composition does the work that decoration would do elsewhere.
The anti-slop disciplines.
Restrictions that protect the brand from drifting toward generic SaaS, generic AI startup, or generic agency design. Each one has a specific reason; none are arbitrary.
The default AI brand visual. Treelance is a marketplace, not a model. The visual language shouldn't borrow from one.
The Tailwind / OpenAI blue. Reserved for actual customer brands if it's their color. Never used as a Treelance accent.
Especially on eyebrows or headlines. Treelance uses hairline borders for structure. Never shadow stacks.
The generic SaaS template. Treelance uses asymmetric, editorial layouts. Never the centered-everything pattern.
Emoji as decoration in marketing copy or product UI. Voice is direct and confident. Emoji deflate that.
"Trusted by thousands," fake star ratings, manufactured urgency. Treelance is honest about being early-stage.