oris Brand Identity Studio
run: 2gether · v1.0 · delivered
↓ brand kit
run · 2gether · delivered 2026-07-21

2Gether — brand output

The Third Place · Sticker Pop · 15-page guidelines + full kit

Identity

app icon
2Gether
Tonight has your name on it.

Free, global community-events app for Gen Z, newcomers, and club organizers. Community over dating, always. Bagel Fat One + Baloo 2, sticker-framed photography, and the group's funniest, warmest friend as the voice.

Contents

15guideline pages
15logo files
12icons
5colors
2fonts
7AI prompts
deliverable · pdf

Brand guidelines — 15 pages

Click any page to zoom · download the PDF
deliverable · svg + png

Logo suite

Together-bubble symbol (SVG, 6 variants) · wordmark & lockups (transparent PNG) · app icon & avatar
deliverable · svg

Icon set — 12 essentials

24px grid · 2.25px round stroke · extend with Phosphor "bold" only
deliverable · tokens

Color palette

Click a swatch to copy its hex

Typography

Bagel Fat One — display only, never below 28px · Baloo 2 — everything else, min 14px
Display · Bagel Fat One
Tonight.
Headlines, wordmark, big moments. One bouncy idea per screen — never body copy.
Body · Baloo 2
Pick a thing. Show up. Leave with people you'd text again.
Body, buttons, captions, UI. Medium 500 for body, Bold 700–800 for emphasis.
deliverable · code

Design tokens

Paste-ready for CSS, JSON pipelines, or Tailwind
loading…
deliverable · ai

AI prompt starters

Paste the system prompt first, then any task starter · also see brand.md
loading…
deliverable · art direction

Photography library

16 licensed Unsplash photos used across the guidelines · real hangouts, caught mid-laugh
deliverable · vi mockups

Brand in the wild

Auto-rendered from the 2Gether kit — HTML template → headless Chrome → PNG. No designer in the loop; new templates are one file away.
Business card mockup
Business card · 1050×600png ↓
App icon set
App icon set · 1200×1200png ↓
App UI mockup
App UI · event feedpng ↓
Social avatar
Social avatar · 1080×1080png ↓
Launch post card
Launch post card · 1080png ↓

Motion — logo sting

4.5s animated sting (symbol spring → wordmark pop → tagline → lime flash). Preview it, then record — the webm is captured in your browser via canvas + MediaRecorder, no server involved.
growth · demo mode

Social accounts

Connect the brand's channels, then Oris drafts posts in 2Gether's voice for your review. Demo: no real OAuth — accounts are simulated in this browser.

Image templates

Auto-rendered post graphics — HTML template → PNG, same pipeline as the mockups. Swap copy in assets/social/src/ and re-render; these feed the post drafts below.
Event promo
Event promo · 1080png ↓
Story format
Story · 1080×1920png ↓
Member quote
Member quote · 1080png ↓
Countdown
Countdown · 1080png ↓
Carousel slide
Carousel · 1080×1350png ↓
Club spotlight
Club spotlight · 1080png ↓

Post drafts

Oris writes, you approve. Nothing posts without you.

0 channels connected. Connect at least one channel above and Oris will draft launch posts for it.

ship it · netlify

Deploy the 2Gether site

The mockup landing site + hosted brand hub → live URL via the Netlify API. Landing at /, brand hub at /hub/.

Payload

2Gether
2Gether — landing + brand hub29 files · ~4 MB · static
stored only in this browser · create one at app.netlify.com → user settings → applications
becomes name.netlify.app · leave blank for a random name

Build log

idle — pick a deploy path. no token? use demo run, or download the zip and drag it onto app.netlify.com/drop
oris
step 00 / 05
oris · brand identity studio

A studio that builds brands.

Answer four questions. Oris handles the rest — strategy directions, a moodboard you curate, a full identity, guidelines, and a developer-ready kit. One run, one delivery.

[01] name

Name your brand.

Working titles are fine — Oris tests how it reads, says, and shortens.

or import signals from an existing site
[02] audience

Who's it for?

Pick everyone who matters. The first one you pick becomes the anchor persona.

[03] energy

Pick an energy.

This steers the three identity directions Oris drafts for you.

[04] moodboard

Pick what feels right.

Oris scrapes references for your brief; you curate. Your picks become the imagery brief for every visual decision. demo: stand-in images for scraped pins.

0 / 6 picked
[05] build

Building your brand.

Oris is running the full pipeline.

copied