S/SSupport System
Brand & Content Moodboard · v2 · 2026

Smart system,
soft brand.

Order management for jastipers — automation that feels calm, curated, and put-together. Tech, without the cold tech.

01 · Direction

Warm-editorial. Magazine layouts, natural light, generous whitespace. The product is precise; the brand is gentle. We sell relief — calm after the chaos of ratusan chat — not features.

Soft girl-boss. Bilingual ID + light EN. Encouraging, never corporate. “Because your business deserves better.” The reader is a busy female jastiper; we talk to her like a friend who happens to be very organized.

02 · Palette — warm neutrals, clay + sage accents, ink for type
Ivory#FAF6EFBase / background
Cream#F1E9DCSection banding
Sand#E6D7C2Banding / cards
Taupe#C9B59CHairlines / muted
Clay#B08968Primary accent / CTA
Sage#8A9A7BPositive / “after”
Mocha#6F5A45Deep accent / footer
Ink#2E2620Body type
03 · Typography — serif display + humanist sans
Display · Fraunces (refined serif, editorial)

Naik level, kerja lebih rapi.

1x PO = ratusan chat? Jadikan 30 menit.

Headlines, section titles, pull-quotes. Set tight, large, with the italic optical axis for the payoff line.
Body / UI · Inter (clean humanist sans, friendly)

Order langsung tercatat, pembayaran auto ke-track, invoice jadi sendiri. Lebih cepat. Lebih rapi. Lebih tenang.

AaBbCcDd 0123456789 Rp & %
Body copy, captions, buttons, app UI. Legible at small sizes, warm but neutral.
04 · Imagery & feel — warm light, real workspace, the product in context
Hands on a laptop at a warm-lit desk
Lifestyle-at-work, warm natural light
Editorial testimonial card in warm tones
Editorial graphic cards
SS Support System dashboard
The product, shown proudly
Stock recap screen
Clean UI, calm data
Editorial poster: your business deserves better
Bold serif statements
05 · Mood
warmeditorialeffortlessorganized aspirationalapproachablesoft girl-bosscalm
06 · Voice
  • “Saatnya kerja lebih hemat, bukan lebih ribet.”
  • “Because your business deserves better.”
  • “3 jam kerja admin → 30 menit.”
  • “Lebih cepat. Lebih rapi. Lebih tenang.”
07 · Do & Don’t

Do

  • Warm neutrals + serif headlines
  • Real workspace / hands-on-device photos
  • Calm whitespace, curated editorial layouts
  • Friendly, hype-but-soft bilingual captions
  • Show the actual product with real data

Don’t

  • Cold SaaS blue / techy gradients
  • Generic corporate stock photos
  • Cluttered, loud, hard-sell flyer layouts
  • Jargon — keep it human
  • Neon, high-contrast, “startup” energy