The Starknet Foundation logo builds on the established Starknet symbol, maintaining visual continuity with the broader ecosystem while introducing the Foundation's unique identity through typography and structure. The logo follows a clear hierarchy that balances the symbolic connection to Starknet with the Foundation's independent organizational identity.

The logo is available in two primary colorways—SNF White and SNF Black—with color selection determined by background contrast. The system prioritizes clarity and readability, with strict guidelines around clearspace and minimum sizing to ensure the logo maintains its integrity across digital and print applications.

Starknet Foundation's typography breaks from conventional Web3 aesthetics by thoughtfully combining a serif and a sans-serif typeface.

Inter Variable serves as the primary sans-serif, chosen for its versatility and optimal legibility across digital interfaces and print. Featuring a tall x-height and open counters, Inter Variable ensures clarity and readability in body text and captions across all applications.

‍PP Pangaia is a contemporary serif font that seamlessly blends traditional elegance with organic, nature-inspired forms. Its fluid curves and graceful details evoke the gentle contours of natural landscapes, adding an elegant, sophisticated touch to headings and key highlights.

‍Martian Mono completes the system as the tertiary monospaced typeface, designed specifically for code, technical diagrams, and data-driven visuals. Its clean geometry and balanced spacing make it both functional and visually aligned with Starknet Foundation's refined aesthetic.

This pairing introduces a timeless and refined character to the brand's visual identity, blending sophistication with functionality. The type system creates clear hierarchy and dynamism through the intentional contrast between serif headlines and sans-serif body text, always following strict guidelines to ensure consistent and effective use across all brand applications.

Contemporary, premium, and memorable: color adds personality to the Starknet Foundation brand. The palette of contrasting colors and tints brings the brand to life, with confident, supporting tones that help the brand stand out in any environment.

Rather than selecting a limited set of accent colors typical in brand systems, the color palette spans the full spectrum of the color wheel, reflecting the diversity of the Starknet ecosystem. The tones are intentionally desaturated and soft, unified by consistent levels of saturation and lightness, bringing a sense of harmony and cohesion to the brand. This approach allows for flexibility while maintaining a distinct and recognizable visual language.

Gradients combine multiple brand colors to create depth, texture, and visual interest. They echo the shading found in volumetric brand elements, adding a sense of dimension and motion. Gradients are optional and used thoughtfully—always as an enhancement, not a core element. They're most effective in digital applications, large-scale visuals, and backgrounds where subtlety and richness elevate the overall design.

The graphic system is one of the most distinctive elements of Starknet Foundation's visual identity. It is built around fluid, abstract shapes that represent the compounding power of ideas. These shapes are dynamic and versatile, able to exist independently or combine in infinite ways, creating a visual metaphor for how ideas evolve, build on one another, and feed into a continuous cycle of reinvention.

These forms can exist independently or combine to create totems—modular compositions where individual, diverse, and ever-evolving shapes stack together. Built from separate, stackable elements (not fused units), totems feel irregular, layered, and intentionally imbalanced, encouraging exploration and avoiding rigid symmetry. These different styles and modules help organize brand elements and be consistent in all branded communications and platforms.

Inspired by the organic growth of ideas, both shapes and totems exist across three distinct styles, each reflecting a different stage of the journey of users in Starknet Foundation.

Solid is the earliest stage of an idea—abstract, unformed, and full of potential. These shapes are clean, playful, and welcoming, evoking curiosity and openness.

‍Linear represents the structural phase, when thoughts are mapped, outlined, and prepared for execution. These feel technical and precise, reflecting planning and intention.

‍Volumetric is the realization of an idea—expressive, textured, dimensional, shaded, and fully formed. These elements are full of personality, like realized ideas themselves.

Solid Style captures the raw spark of an idea—clean, minimal, and full of potential before any structure or volume. It's the simplest of our three visual languages, laying the groundwork for the others while standing on its own.

Single-color fills are used when the shapes are meant to be bold, graphic, and playful. Ideal for icons, stickers, or standout moments in layouts.

Shapes can also appear as cutouts or voids, letting background colors fill the form. This approach adds flexibility and works well in more subtle, decorative contexts.

The Solid style showcases the core ways our brand shapes come to life. From early-stage program visuals to playful community avatars, Solid Style's clean, minimal aesthetic makes it particularly well-suited for contexts that prioritize clarity, accessibility, and approachability.

Pictograms built from Solid Style shapes serve as expressive, stylized icons used in editorial, illustrative, or brand-led applications. Unlike functional icons, pictograms blend visual storytelling with symbolic meaning, providing a more conceptual interpretation of ideas.

They're ideal for reports, presentations, social media, and any context that benefits from a richer, more narrative-driven visual approach. By using the same modular shapes as the rest of the system, pictograms maintain brand consistency while offering creative flexibility.

Solid Style shapes can frame photography, creating dynamic compositions that integrate imagery with the brand's graphic language. These frames add visual interest and context to photographs, helping bridge the gap between authentic human moments and the brand's abstract visual system.

Charts leverage Solid Style shapes to visualize data in publications, reports, research papers, and presentations.

Because charts can incorporate shapes from the totem system, they allow for more editorialized styling when relevant—creating something unique that links data visualization even further to the brand identity. This flexibility means charts can shift from purely functional to more expressive depending on the context and audience.

Starkies are character-based illustrations that serve as the most friendly and playful application of the Starknet Foundation brand. Functioning like miniature mascots, they bring personality, warmth, and individuality to the brand, making abstract concepts feel relatable and human. These small avatars can be used as profile pictures, NFTs, POAPs, community badges, and supporting visual assets for fun-toned applications.

Built entirely with Flat Style shapes and staying true to the brand's modular system, each Starkie is constructed from 2, 3, or 4 stacked shapes with small, minimal eyes added to give character and emotional presence.

Starkies goal is to humanize the Foundation's presence across digital platforms. Their modular, scalable nature makes them incredibly versatile across applications.

They work equally well as NFT collections, where each character becomes a unique collectible with distinct traits and rarity. They translate seamlessly to merchandise—appearing on t-shirts, hoodies, stickers, and other physical goods that help the community express their connection to Starknet Foundation. On the web, they serve as playful accents in otherwise formal communications. This flexibility allows Starkies to move fluidly between digital and physical spaces, maintaining their charm and recognizability regardless of medium or scale.

Linear style feels technical, intricate, and intentional. It communicates clarity, precision, and progression. Its digital roots make it well-suited for contexts where structure, logic, or transparency need to be emphasized, such as product diagrams, documentation, or development-focused storytelling.

Linear Shapes are an evolution of Flat Shapes, representing the technical and structural part of ideas.

Just like with Flat Shapes, we combine Linear Shapes to create modular totems. Built in vector format with single-weight strokes and a singular color, these shapes introduce a more technical, dimensional feel to the system.

Though more intricate than Flat Shapes, they stay true to our core principles: variation in size, diversity in shape, and modular construction—delivering added precision without sacrificing clarity.

Linear Style is the natural choice for developer-focused materials and technical communications. Its precise, outlined aesthetic conveys structure, logic, and transparency. This style is ideal for documentation headers, technical blog posts, developer program announcements, and any content where clarity and systematic thinking need to be emphasized. The wireframe quality of Linear shapes helps developers immediately recognize

Used to communicate technical processes, system architecture, and abstract concepts, these visuals bridge complexity and clarity. Linear shapes form the structural foundation—outlined arrows, orbs, containers, and connectors represent key architecture or serve as ornamental backgrounds.

Volumetric shapes are the core building blocks of the Starknet Foundation's visual system. Each one represents a distinct idea, perspective, or fragment of thought—abstract and expressive on its own, but also designed to come to life when combined with others. They can be used individually or in compositions to add depth and dynamism to layouts.

Most shapes are intentionally simple, almost primitive, forming the visual foundation of the system. To add depth and character, more intricate or unusual forms are introduced sparingly. These should remain the exception, not the rule.

Totems represent the coming together of ideas: individual, diverse, and ever-evolving. Built by stacking multiple Volume Shapes, they embody a system that is structured yet surreal, digital yet expressive.

Both individual Shapes and Totems present excellent opportunities for motion. Their modular nature and floating elements lend themselves naturally to animation—shapes can rotate, drift, or reassemble, while totems can reveal themselves through layered transitions or subtle movements that reinforce their weightless, evolving quality.

Volumetric Totems are carefully composed, balancing color, texture, light, and form to create layered, meaningful compositions. They symbolize individual thoughts merging, evolving, and compounding into something greater.

To ensure visual interest, shapes within a totem should vary in x-height and y-width, avoiding uniformity or a rectangular silhouette. Each totem should feel irregular, layered, and intentionally imbalanced, encouraging exploration and avoiding rigid symmetry.

While some totems may have a balanced, sculptural feel, the goal is to avoid them looking grounded or stable. These are abstract, digital artifacts, and should appear weightless and surreal. When a totem feels too stable or "tabletop-ready," introduce a floating shape at the bottom to disrupt gravity and enhance the sense of suspension. This reinforces the visual metaphor of ideas in flux: never fully settled.

Volumetric Style is the brand's most expressive and distinctive visual language, reserved for high-impact moments and rich storytelling contexts. It's ideal for hero visuals, featured announcements, major product launches, and any communication where the Foundation needs to make a statement.

The style excels in editorial contexts—blog headers, long-form articles, reports, and thought leadership—where background blur and layered compositions create cinematic depth and immersive reading experiences.