Brand Identity & Logo System
The core promise of Shopfront is that a shop's real state is authentic. The identity is built on a single tactile metaphor: “The shutter goes up.” Engineered for responsive viewports, high-contrast digital surfaces, and partner AI agent integrations.
Master 8-View Vector Blueprint
Interactive Component Primitives
Kinetic Blueprint & Geometry
The shutter mark is constructed on a 4px modular grid with mathematical precision:
- 15% Golden Ratio Motion Offset: Top slat is shifted rightward by Δx = +15% and lifted Δy = -8px to visually signify an open, active roll-shutter.
- Pill Radii: Corner radius equals exactly 50% of slat height (rx = 5px on 10px slats) for soft, organic tactile feel.
- Squircle Curvature: Application containers utilize continuous curvature squircles (rx = 25% container dimension).
Official Color Tokens
Marina Teal (Primary)
Primary buttons, active indicators, brand container, links
Motion Turmeric (Accent)
Lifted kinetic top slat, verified status pings, highlights
Pitch Dark (Night / OLED)
Dark mode card surfaces, code terminals, contrast containers
Stone Canvas (Neutral)
Warm light page background, table strips, paper feel
Carbon Mono (Text / Print)
High-contrast text, monochrome print production, receipts
Vector Asset Library
Ready-to-use SVG files optimized for web, iOS, Android, and vector print.
1920×1280 vector blueprint covering all 8 brand views, geometry, scales, and palette chips.
/brand/logo-system.svgStandard 4:1 lockup with teal lower slats, kinetic yellow top slat, and verified dot.
/brand/logo-horizontal-light.svgHigh-contrast hero lockup on Marina Teal (#0E6B66) with white lower slats.
/brand/logo-horizontal-dark.svgCenter-aligned square emblem for splash screens, mobile widgets, and billboards.
/brand/logo-stacked.svg80×80 rounded squircle (r=25%) container for macOS, iOS, Android, and web touch icons.
/brand/app-icon-teal.svg
80×80 OLED dark container (#100F0D) for night mode launchers and dark docks.
/brand/app-icon-dark.svg
80×80 white surface icon with subtle warm neutral border (#E6E4DF).
/brand/app-icon-white.svg
Isolated kinetic shutter slats (Teal #0E6B66 + Yellow #F4B000) without container.
/brand/mark-light.svg
Isolated kinetic shutter slats (White #FFFFFF + Yellow #F4B000) for dark surfaces.
/brand/mark-dark.svg
1-color print, laser engraving, and thermal receipt variant in #111817.
/brand/mark-mono-black.svg
100% white monochrome variant for solid ink overlays and stencil cutouts.
/brand/mark-mono-white.svg
© 2026 Shopfront Chennai. Designed for clarity, speed, and authentic local truth.
Connect AI Agents via MCP →