Zyner Guidelines

Zyner is an all-in-one design studio for startups and enterprises. One senior team designs and builds the brand, website, product, decks and motion.

The identity is a lowercase wordmark with a four-point spark above the r. Ink and white carry every page, DM Mono labels each section and call to action, and Zyner Orange marks the first line of the positioning. On social media the wordmark sits in white on a soft orange gradient.

Clearspace equals the height of the z, marked x. Keep it free on all four sides. The spark keeps its place above the r and is never moved inside the wordmark.

The letters and the spark scale together as one wordmark. Sizes refer to wordmark height, spark included.

Ink on Paper is the default, as in the zyner.io header and footer. On Orange and Orange 600 the wordmark is Paper. Never add outlines, shadows or gradients.

Ink (Neutral 950) and Paper (Neutral 50) carry type and surfaces. Zyner Orange (Orange 500) is the brand accent: the Book a call button, the first line of the positioning and the pixel bridge on Ink. Orange 600 is the deep shade for small orange text and dark accents.

Each accent comes as a Light and Dark pair: Light fills the tag, Dark sets the text. Sage, Rose and Plum mark funding stage on case studies, Ocean marks client outcomes. Neutral tags name the industry.

White and Paper carry most of every page. Ink sets the type and the dark panels. Orange stays small so the button is always the first thing seen.

Use AAA and AA pairs for text and controls. White on Orange reaches 3.3:1, so it holds for large type only. Orange 600 is the Orange to use for small text on light surfaces.

Centered Inter Display headlines with a small DM Mono label above each one. One Orange Book a call button sits in the top bar and follows the reader down the page.

The positioning line sits top right in two lines: All-in-one design studio in Orange, for startups and enterprises in Ink or Paper. Client logos run in a grey grid on the left and the wordmark closes the bottom right corner.

A pixel suspension bridge spans the cover in Neutral 400 on white, or Orange on Ink. Thin 1px grid lines frame the X headers.

White slides with a headline top left in Inter Display and a short supporting paragraph beside or under it. Small DM Mono caps carry labels, plans and contact links.

Numbers lead the proof: 250+ projects, 20 senior team, $4.6B+ raised by clients. Orange appears only as a marker on the process and plans slides. The pixel bridge opens and closes the deck.