A recognizable mark.
Use the approved pinwheel and wordmark consistently, from the smallest product placement to the largest brand application.
Pindow Brand Guidelines
The assets and guidelines for representing Pindow clearly and consistently.
Overview
An identity shaped by creative work.
The Pindow pinwheel expresses movement and possibility. Paired with clear typography, a restrained palette and expressive imagery, it gives the work a recognizable frame.
Images with intention.
Choose imagery with a clear subject, considered composition and a distinct point of view.
One shared identity.
Use the same foundations across the product, website, presentations and partner materials.
Logo
The Pindow marks.
Choose the approved version that fits your layout. Use the horizontal lockup by default and the vertical lockup where a stacked arrangement works better.
Symbol
For compact placements such as avatars, favicons and app icons.
Wordmark
For placements where the Pindow name should lead.
Horizontal lockup
The default for navigation, presentations, press materials and partner layouts.
Vertical lockup
For square formats and centered compositions.
Leave clear space.
Keep surrounding text and graphics outside the logo’s clear-space area.
Protect contrast.
Use Ink on light backgrounds and Paper on dark backgrounds. Keep the mark clearly visible over imagery.
Use the original artwork.
Do not stretch, rotate, outline, add effects to or recreate the logo.
Color
A restrained palette. A distinct accent.
Ink and Paper form the foundation. Ember draws attention to selected actions, states and details.
Color
Ink on paper
Default
Paper on ink
Dark surfaces
Lead with neutrals.
Use Ink and Paper for the main structure. Introduce Ember where it helps someone notice or understand something.
Give the accent a purpose.
Within each component, use Ember to establish a clear focal point.
Check each pairing.
Check text, icons and interactive states against their actual backgrounds. A brand color is not automatically suitable for every use.
Typography
Clear in use.Expressive in emphasis.
Pindow Grotesk is the primary typeface for headlines, body copy and interface text. Pindow Director adds occasional emphasis within a headline.
- Pindow Grotesk:
- Regular, Medium, SemiBold
- Usage:
- Headlines. Body copy. Interface. Labels. Calls to action.
Bring your ideas into the workspace. Explore a direction, refine the details and decide what comes next.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789 !?&@#%*
- Pindow Director:
- Italic
- Usage:
- One emphasized word inside a Pindow Grotesk headline. Never a full heading.
Think outside
the window.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789 !?&@#%*
Scale
DisplayPindow Grotesk · -0.035em · 1
Exactly as imagined.
Heading 1Pindow Grotesk · -0.03em · 1.02
Shot intelligence for every frame.
Heading 2Pindow Grotesk · -0.025em · 1.1
Character consistency across a whole scene.
Heading 3Pindow Grotesk · -0.015em · 1.2
Story memory that persists between shots.
AccentPindow Director Italic · -0.01em · 1.02
imagined.
BodyPindow Grotesk · 0 · 1.5
Plan, direct and generate cinematic video in one canvas.
SmallPindow Grotesk · 0.005em · 1.45
Rendered with the model you chose, at the aspect ratio you set.
CaptionPindow Grotesk · 0.12em · 1.4
Frame 024 of 120
Art direction
Give every image a point of view.
Show the range of work possible in Pindow, from cinematic scenes and animation to campaigns, objects and visual experiments. Choose work with deliberate framing, texture and light.
Imagery.
Show cinematic scenes, animation, objects and visual experiments. Choose images with a clear subject and deliberate composition.
Color.
Let the work guide the palette. Use light and color to create depth, establish mood and draw attention to the subject.
Motion.
Use movement to guide attention or reveal a process. Keep the subject clear, text readable and controls easy to use.
Usage
Make the identity easy to recognize.
Follow these principles across Pindow pages, presentations, campaigns and partner materials.
Do
Use approved assets.
Choose the logo version that fits the placement.
Do
Show the workspace.
Use accurate interfaces and examples to explain the product.
Do
Keep it clear.
Use specific language, short sentences and claims you can support.
Don't
Add unnecessary decoration.
Keep unrelated shapes and ornaments away from the logo. Let the identity stand on its own.
Don't
Use unapproved colors.
Use the approved logo colors and backgrounds that keep the mark clearly visible.
Don't
Overcrowd the composition.
Give the logo, text and imagery enough space to remain distinct and easy to read.