SymConnect

SymConnect brand

The studio mark, colours and type, how our app logos are made, and the style each app has of its own. For press, partners and anyone writing about a Sym app.

Updated November 2026

The studio

SymConnect is a small, friendly studio. Its own brand stays calm and simple so each app can be loud, quiet, serious or silly in its own way.

The mark. Two soft pills stepping into an S for Sym. Friendly, rounded, easy to spot at any size.
SymConnect
Lockup. "Sym" in Medium, "Connect" in ExtraBold, Figtree.
SymConnect
On dark. The ink pill turns white; coral stays coral.
  • Clear space: keep one pill height free around the mark.
  • Minimum size: 16 px for the mark, 100 px wide for the lockup.
  • Don't recolour the pills, rotate the mark, or put it in a box.

Studio colours

  • Paper #FFFFFF
    Page ground.
  • Mist #F4F5F7
    Panels, footer, quiet buttons.
  • Ink #17181C
    Text and the first pill of the mark.
  • Ink 2 #555A64
    Secondary text.
  • Coral #FF5E57
    Studio actions and the second pill of the mark. Never used inside an app.

Type

We make small apps for very different days.

Figtree for everything the studio says: headings in ExtraBold, text in Regular. It is free on Google Fonts and npm (@fontsource-variable/figtree).

Voice

Sounds like us

We make small apps for very different days.

More is on the way.

Not us

A revolutionary ecosystem of digital experiences.

Unlock your potential.

App logos: the slash

Every Sym app has its own artwork, colours and font. The one thing they share is the slash: a small stroke in the corner of every icon, and every name written sym/word.

SymParty
SymJam
SymBite
SymPulse
SymClash
  • sym/party
  • sym/jam
  • sym/bite
  • sym/pulse
  • sym/clash

The icon

The shared rounded square, filled with the app's own colour and artwork.

One rounded 45° slash in the top-right corner, in the icon's symbol colour, the same size on every app.

Keep that corner free in the artwork.

The wordmark

sym/word: lowercase, one word, in the app's own display font and text colour.

Only the slash takes the app's accent (or its darker link colour on a light, pale-accent ground).

In running text the name stays SymJam, SymBite and so on.

Each app’s own style

Every app has its own colours, display font and mood. The only rule: the logo follows the chosen system, and the SymConnect mark appears small on the app's site and store page as "Made by SymConnect".

Loud, bouncy, a bit cheeky.

  • Ground
    #FFD84A
  • Surface
    #FFF0B3
  • Ink
    #2A1650
  • Accent
    #FF4D8D
  • Icon
    #FF4D8D

Display face: Baloo 2

Coming soonSee the page

A night on the dance floor: amber light on near-black, a ticket at the door.

  • Ground
    #101110
  • Surface
    #1B1D1B
  • Ink
    #F4F4F1
  • Accent
    #FFAD33
  • Icon
    #101110

Display face: Bricolage Grotesque

Open SymJamSee the page

A warm kitchen: terracotta on paper white, a cosy modern cookbook.

  • Ground
    #FDFBF7
  • Surface
    #F9F0E8
  • Ink
    #221812
  • Accent
    #B34917
  • Icon
    #C15F3C

Display face: Fraunces

Open SymBiteSee the page

Calm, clear, professional.

  • Ground
    #EEF4F3
  • Surface
    #FFFFFF
  • Ink
    #0E2A33
  • Accent
    #0B4F5C
  • Icon
    #0B4F5C

Display face: Archivo

Open SymPulseSee the page

Carved stone and polished bronze, gold for you and yours.

  • Ground
    #17150F
  • Surface
    #24201B
  • Ink
    #E8DFCF
  • Accent
    #A87E46
  • Icon
    #221D17

Display face: Cinzel

Play in your browserSee the page