bergside

Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements. Use when making design decisions not covered by a specific design system, validating principle compliance, or resolving conflicts between aesthetics and accessibility. Design-system-agnostic and applies to every surface.

1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.

Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy.

Classic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.

A sun-baked, clay-toned editorial interface built on warm cream surfaces, ink-brown headlines set in a display serif, and a single terracotta accent.

Narrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys.

Clean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured layouts.

Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.

Generous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.

Modern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.

Real-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.

A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings, rounded pill controls.

Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.

A playful, arcade-inspired interface for games — built on the VT323 pixel typeface, hard-edged 0px corners, chunky pill buttons that physically press into solid offset blocks

App dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.

A playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every section

Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.

Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.

Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.

Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.

Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.

High-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences.

Spatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.

Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.

Retro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.

Soft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.

Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.

Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.

Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.

Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.

Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.

A cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elements

Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.

Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.

Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.

A modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color.

An immersive, interactive, exhibit-style interface that blends storytelling, animation, and gamified elements to create a playful, experience-driven journey. The entire app sits on a single continuous brand-colored canvas (deep green)

Smooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.

Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.

Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.

Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.

Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.

Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.

A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrations — warm cream backgrounds, big bold custom display typography, saturated brand color blocks, thick black outlines, generously rounded shapes

Game-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.

Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.

Dark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.

Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.

High-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.

Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.

Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.

Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.

Futuristic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.

Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.

Current-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.

Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.

A radically minimal, blank-canvas interface built as a pure edge-to-edge surface, with almost no color and typography carrying the visual weight. Black serves as the only filled color, the only divider, and the sole surface tone cards.

Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.

Soft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.

A research-journal aesthetic printed on warm stone — authoritative, editorial, almost achromatic. Pages live on warm ivory parchment (never pure white), with near-black slate as the dominant ink.

Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.

Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.

Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.

Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.

Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.

High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.

Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.

Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.