Brand KitBrand Kit

The kit, actually applied.Kit yang benar-benar diterapkan.

Six specimens captured from the live ShortcutSistem site. The gallery is a mirror of shortcutsistem/brand-kit/specimens/ — re-render any time the design drifts.Enam specimen yang diambil dari situs ShortcutSistem live. Galeri ini mirror dari shortcutsistem/brand-kit/specimens/ — render ulang kapan saja jika desain bergeser.

GalleryGaleri

Each specimen has a what-this-is caption and a usage note. Source PNGs live under shortcutsistem/brand-kit/specimens/.Tiap specimen memiliki caption apa-ini dan catatan penggunaan. Sumber PNG berada di shortcutsistem/brand-kit/specimens/.

Hero lockup

The home hero. Brand lockup pill at hero scale (SS mark + wordmark + tagline), then a bilingual H1, one lead sentence, and the guest audit form. One visual anchor only — the lockup itself. LANDING.md §2.Hero beranda. Pill lockup brand di skala hero (mark SS + wordmark + tagline), lalu H1 bilingual, satu kalimat lead, dan form audit tamu. Hanya satu visual anchor — lockup itu sendiri. LANDING.md §2.

specimens/hero-lockup.png

Used on the home page hero at scale ~200×60 px (desktop), reproduced at 1× viewport in this specimen.Dipakai di hero halaman beranda pada skala ~200×60 px (desktop), direproduksi pada viewport 1× di specimen ini.

Audit report panel

The Omni Audit example report — qualitative states, no fake numeric scores for the visitor. Lives in its own section between hero and outcomes (LANDING.md §4, hero → sample → outcomes).Contoh laporan Omni Audit — state kualitatif, tanpa skor numerik palsu untuk pengunjung. Tinggal di section sendiri antara hero dan outcomes (LANDING.md §4, hero → sample → outcomes).

specimens/glow-report-panel.png

Mounted in the example-report section on the home page between hero and outcomes.Ditempel di section example-report di halaman beranda, antara hero dan outcomes.

CTA pattern (primary + ghost)

The close band on every Light Path landing. A decisive navy surface closes the page with one primary route and one lower-commitment alternative.Close band di setiap landing Light Path. Permukaan navy yang tegas menutup halaman dengan satu rute utama dan satu alternatif dengan komitmen lebih rendah.

specimens/cta-pattern.png

Rendered by MarketingClose.tsx at the bottom of core landing pages.Dirender oleh MarketingClose.tsx di bagian bawah landing page utama.

Open Graph portfolio

Five OG images share the light canvas, path mark, and one concrete promise — no fake metrics. Templates live under templates/og-*.svg; regen-og.sh rebuilds app/public/og/.Lima gambar OG memakai kanvas terang, mark jalur, dan satu janji konkret — tanpa metrik palsu. Template berada di templates/og-*.svg; regen-og.sh membangun ulang app/public/og/.

specimens/og-portfolio.png

Each tile corresponds to a route: /pricing, /omni-audit, /ss-video, /custom-solution, and the default fallback og.png.Tiap ubin sesuai satu route: /pricing, /omni-audit, /ss-video, /custom-solution, dan fallback default og.png.

Social avatar

Path mark only on navy. The blue and teal guide nodes remain visible at small sizes; no wordmark or tagline competes with the mark.Hanya mark jalur di atas navy. Node panduan biru dan teal tetap terlihat pada ukuran kecil; tidak ada wordmark atau slogan yang bersaing dengan mark.

specimens/social-avatar.png

Used as the channel avatar (Instagram, LinkedIn) and as the favicon source.Dipakai sebagai avatar kanal (Instagram, LinkedIn) dan sebagai sumber favicon.

Social cover

1500×500 cover with the horizontal lockup, tagline, and three brand attributes. Light canvas and restrained blue/teal washes keep it calm.Sampul 1500×500 dengan lockup horizontal, slogan, dan tiga atribut merek. Kanvas terang dan wash biru/teal yang terkendali menjaganya tetap tenang.

specimens/social-cover.png

Used as the channel cover banner on LinkedIn and as a fallback share card.Dipakai sebagai sampul kanal LinkedIn dan sebagai fallback share card.

Want the canonical reference?Ingin referensi resmi?

The full brand system lives at /brand-kit — color, type, voice, applications.Sistem brand lengkap ada di /brand-kit — warna, tipografi, suara, penerapan.

Open brand kitBuka brand kit Run a free auditJalankan audit gratis