01
Phase 1: Vision, Brand Identity & Logo Brainstorm
Before writing a single line of code, I needed to answer: what does Sako look like? The name 'Sako' came from a brainstorm session — it needed to feel sharp, fast, and B2B credible.
Brand decisions: Logo — green abstract 'S' mark (symbolizes speed, flow, systems). Colors — Neon green (#9AE83E) + purple gradient + dark mode default. Typography — Switzer Variable (clean, modern, B2B SaaS aesthetic). Spacing — 4-point system. Components — buttons, avatars, image placeholders, link styles.
Created a full branding guideline doc in Figma for the team to stay consistent across every surface — product, marketing, decks, social.
Logo Brainstorm & Exploration
Initial logo exploration and brainstorming sessions
Figma assets may take 1–2 minutes to load from CDN. Please wait if you see a blank or loading frame.
Sako Design System & Branding Guidelines
Full design system: logo, colors, typography, spacing, components
