Visual Identity Exploration

Brand Concepts

Logomarks, wordmarks, and visual identity concepts for Layerbase and SpinDB. Each concept explores the brand through a different visual lens: layers, foundations, spin, and motion.

Foundation

Color System

OKLCH-based palette with cyan primary, amber accent, and warm neutrals. All colors shift between light and dark modes.

Primary--primaryoklch(0.55 0.15 175)
Primary FG--primary-foregroundoklch(0.98 0 0)
Amber--amberoklch(0.8 0.16 85)
Amber FG--amber-foregroundoklch(0.2 0.04 85)
Foreground--foregroundoklch(0.18 0.015 60)
Background--backgroundoklch(0.975 0.007 65)
Accent--accentoklch(0.95 0.03 175)
Muted--mutedoklch(0.945 0.01 60)
Gradient text:Layerbase SpinDB
Layerbase

Logomark Concepts

Exploring layers, foundations, depth, and structure. Each mark interprets the Layerbase identity: data stacked on a solid foundation.

Strata

Geological layers widening toward a solid base. Conveys depth, stability, and the layered nature of data.

Cascade

Overlapping cards cascading diagonally. Represents data flowing through layers, building upon each other.

Isometric

Diamond layers stacked in perspective. A 3D representation of data layers with depth and dimension.

Terrace

Stepped L-shape with descending terraces. Layers cascading down like rice paddies, foundation with altitude.

Nested

Concentric rounded rectangles converging to a solid core. Data layers wrapping around a central foundation.

Block L

Bold geometric L from intersecting volumes. Monolithic and confident. A clear foundation mark.

Prism

Triangular prism with layered faces at different opacities. Data refracted through a crystalline foundation.

Sliced

Bold L split into horizontal segments. The gaps reveal layered construction, a deconstructed foundation.

SpinDB

Logomark Concepts

Exploring spin, rotation, orbits, and dynamic motion. Each mark captures the essence of SpinDB: spin up any database, instantly.

Cylinder

Production mark. Three stacked database discs with a filled cylinder body, depth-graded opacity, and a subtle top highlight.

Rotary

Database disc stack with rotation arc. Classic database form meets dynamic spinning motion.

Orbit

Atom-like orbital paths around a central core. Databases as planets in a spinning system.

Pinwheel

Four curved blades radiating from center. Pure rotational energy, a turbine of data spinning up.

Helix

Double helix intertwined like DNA. Two data streams spiraling together. Structure meets motion.

Compass

Four-pointed directional star with solid center. Navigate to any database. A wayfinding mark.

Gyro

Nested rings at intersecting angles. A gyroscope of orbiting database instances, balanced rotation.

Turbine

Three swept blades radiating from a central hub. A jet engine turbine: purposeful, powerful spin.

Cyclone

Yin-yang inspired S-curve rotation. Two halves spinning in harmony, the duality of CLI and GUI.

Smark

Stylized S from two opposing curved swoops with circular arrow tips. Rotation direction is explicit. A mark that moves.

Vortex

Data spiraling into a funnel, progressively smaller rings converging to a point. The pull of spinning up.

Vinyl

Spinning platter with concentric data grooves. A vinyl record, the original spinning disc of stored data.

Typography

Wordmark Explorations

Typographic treatments for both brand names. Testing weight, case, spacing, and font personality.

Layerbase

Layerbase / Display

Geist display face, tight tracking, mixed weight. 'Layer' bold, 'base' light, emphasizing the foundation.

Layerbase

Layerbase / Split Weight

Condensed bold 'LAYER' next to extended light 'BASE'. Visual weight contrast mirrors the product: heavy lifting, light setup.

Layerbase

Layerbase / Mono

JetBrains Mono uppercase with generous tracking. Developer-first, terminal-native aesthetic.

Layerbase

Layerbase / Mono Split

JetBrains Mono uppercase with split color treatment. 'LAYER' in foreground, 'BASE' in primary. Developer aesthetic meets brand identity.

Layerbase

Layerbase / Underline

Display face with a thick primary underline bar echoing the Strata base layer. The foundation made typographic.

SpinDB

SpinDB / Display

Geist display, 'Spin' light and 'DB' heavy. The action (spin) is fluid, the object (DB) is solid.

$spindb

SpinDB / Mono

Monospace, lowercase with prompt prefix. Feels like typing a command, born from the terminal.

spinDB

SpinDB / Thin Split

Geist thin 'spin' + bold 'DB' with a vertical divider. Clean separation of verb and noun.

>spindb

SpinDB / Prompt

Full terminal prompt with blinking cursor. The product as you'd experience it, ready for input.

Lockups

Mark + Wordmark

Icon and text combined into horizontal lockups. Testing different pairings and proportions.

Layerbase

Strata + Display

Strata mark paired with the mixed-weight display wordmark. Horizontal lockup.

Layerbase

Block L + Mono

Bold L monolith with monospace uppercase wordmark. Brutalist, developer-focused.

SpinDB

Rotary + Display

Database discs with spin arrow paired with display wordmark. Clear product identity.

SpinDB

Compass + Mono

Compass directional mark with uppercase monospace wordmark. Navigate to any database.

Layerbase

Nested + Display

Nested squares mark paired with the mixed-weight display wordmark. Concentric structure meets clear type.

$spindb

Gyro + Terminal

Gyroscope mark with terminal-style command wordmark. Pure CLI energy.

Monograms

Letter Marks

Reduced-form monograms for favicons, app icons, and compact spaces.

LB / Emblem

Clean L and B sharing a rounded container. Unified badge, compact enough for favicons, clear at any scale.

L / Layered

Single L with horizontal layer lines cut through it. The current brand mark distilled.

S / Arcs

SpinDB's S formed by two mirrored arcs that intersect at the center. Continuous flow suggests spinning motion.

L / Strata

The letter L built from the Strata layering concept. Brand mark and monogram fused into one.

Applications

App Icon Concepts

Rounded-square app icon treatments for desktop and mobile. Testing mark placement and background fills.

Strata / Dark

Strata mark on a deep dark background with the brand gradient.

Block L / Teal

Bold L on solid teal. Maximum brand recognition at small sizes.

Isometric / Gradient

Isometric layers on a cyan-to-deep-blue gradient. Rich and dimensional.

Nested / Teal

Concentric nested squares on solid teal. Clean geometry, immediate brand recognition.

Orbit / Dark

SpinDB orbital mark on dark background. Scientific and precise.

Gyro / Dark

SpinDB gyroscope rings on dark background. Orbital precision in an app icon.

L Layered / Glass

Layered L monogram on frosted glass. Subtle and modern.

Compass / Minimal

SpinDB compass on clean white. Light mode, directional clarity.

Patterns

Texture & Pattern

Repeatable patterns derived from the brand marks. For backgrounds, merch, and environmental design.

Isometric Grid

Diamond tessellation from the Isometric mark. Subtle depth at low opacity.

Cascade Scatter

Overlapping rectangles from the Cascade mark. Organic data flow texture.

Strata Bands

Horizontal stripes from the Strata mark. Geological layering as a background texture.