Style Guide

The BrandFrame visual language is rooted in geometric precision and structural functionality. We reject unnecessary ornamentation to prioritize information clarity through a rigid component system, governed by a strict grid and high-contrast visual hierarchy.

Spacing System

Our layout logic is built upon an 4px base unit system. This linear progression ensures rhythmic consistency across all digital touchpoints, eliminating arbitrary composition decisions and reinforcing the brand's technical DNA.

Spacing Graph 4px unit system
Spacing Graph 4px unit system

Interactive Elements

Our interface architecture is managed entirely through a comprehensive component system, ensuring a seamless transition from design to development. Each element is built upon binary state logic and strict grids, eliminating visual ambiguity.

Component system in figma

Photography

Silhouetted figure in a hoodie stands under a spiraling concrete structure, creating a moody, industrial atmosphere.

Photography within BrandFrame serves as the sole organic element within a purely geometric environment.

Symmetrical modern architecture with reflective pool and bare trees, creating a serene and balanced composition.
Modern building with staggered balconies, glass walls, and warm interior lighting. A person stands on a balcony, adding a human touch.

Photography in BrandFrame introduces a human and organic narrative to the system. We look for images with a technical perspective: dynamic framing, architectural angles, and sharp vanishing points that reinforce the brand’s geometry. The treatment prioritizes high contrast and a desaturated palette, allowing for natural textures or analog grain to contrast with the interface's precision.

Minimalist black-and-white photo of two figures on staircases, dramatic lighting, and geometric shadows against a concrete wall.

Create a free website with Framer, the website builder loved by startups, designers and agencies.