A hybrid aesthetic merging free-spirited bohemian warmth with rigorous geometric structure. Triangular grids, vector line-work, and mathematically precise patterning -- all rendered in earthy, sun-bleached tones.
Geo-Boho replaces the traditional organic looseness of boho with triangular grids, vector line-work, and mathematically precise patterning -- while retaining the earthy warmth, muted tones, and handcrafted feel of its bohemian roots. The result is a design language that feels simultaneously structured and soulful, modern and ancient, precise and organic.
It rose to prominence alongside the broader hipster movement, borrowing visual language from Native American, Indian, and Buddhist iconography, reinterpreting it through clean geometric abstraction.
Triangles are the foundational shape, used as grids, frames, decorative elements, and organizational structures. Squares and rectangles are deliberately de-emphasized.
Designs emphasize strokes and outlines over filled surfaces. Thin, precise lines create intricate patterns that feel hand-drawn but mathematically composed.
Dreamcatchers, mandalas, paisley, henna-style patterns, and feather motifs -- all rendered through geometric abstraction with respectful reinterpretation.
Triangular and circular grids replace conventional square layouts, creating dynamic, angular compositions that feel structured yet unconventional.
Imagery uses desaturated, analog-style treatments -- lo-mo filters, soft focus, and muted contrast that evoke the warmth of film photography.
Deer, wolves, bears, and birds depicted in geometric and polygonal wireframe style rather than realistic illustration -- nature through mathematical lenses.
"Fuse the mathematical precision of geometry with the organic warmth of bohemian naturalism. Every vector line should feel like it could have been drawn by hand."Geo-Boho Design Philosophy
Never use pure white (#ffffff) or cool greys. Even the lightest shade should carry warmth from the palette.
Use it for primary actions, key headings, and focal geometric elements. It anchors the entire aesthetic.
Limit saturated colors to small accent touches -- geometric line patterns, borders, CTAs. Large surfaces stay muted.
Use 0.06 - 0.15 opacity fills behind dense line-work to add depth without visual weight.
These provide contrast without breaking the earthy palette. Use for links, icons, and secondary interactive elements.
Amber gold works as a highlight and hover state. It should feel like sunlight catching a surface.
| Heading Font | Body Font | Character |
|---|---|---|
| Josefin Sans (300/400) | Quicksand (400) | Pure Geo-Boho: geometric precision meets soft warmth |
| Poiret One (400) | Philosopher (400) | Elegant, editorial: fine geometric lines with humanist reading |
| Josefin Sans (600) | Nunito (400) | Modern, accessible: structured headings, friendly body |
| Marcellus (400) | Quicksand (400) | Refined bohemian: sharp serif display, soft geometric body |
| Comfortaa (600) | Philosopher (400) | Warm throughout: rounded headings, warm body text |
Use CSS clip-path, rotated elements, and diagonal dividers to break away from strictly rectangular composition.
Max-width of 1000-1100px for content -- narrower than typical flat design to maintain intimacy and readability.
Sections separated by 80-120px of vertical space. The breathing room should feel intentional and meditative, not clinical.
Thin SVG line patterns (triangular grids, diamond tessellations) at very low opacity behind content.
Content blocks can be offset from center. The grid provides structure but allows bohemian looseness.
Instead of simple horizontal lines, use SVG triangle waves, diamond chains, or zigzag patterns between sections.
Subtle linen, paper, or wood-grain textures at low opacity to add tactile warmth to digital surfaces.
Combine desaturated photography, SVG line-art, and geometric pattern in the same composition for visual richness.
SVG-based triangular tessellation at low opacity creates the signature Geo-Boho background texture.
Rotated square patterns that create a diamond grid -- another core geometric motif of the aesthetic.
Triangles, hexagons, and diamonds for geometric image masks and decorative shapes using pure CSS.
Concentric circles, rotated squares, and dashed borders combine to create mandala-style decorations.
Pseudo-element corner borders add geometric framing to cards. Warm shadows replace hard drop-shadows.
Thin borders, wide letter-spacing, uppercase text. Three variants: outline, filled, and sage accent.