bergside
GitHub68 skills
glassmorphismbergside1.9KFrosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.typeui-fundamentalsbergside1.9KUniversal 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.premiumbergside1.7KApple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.editorialbergside1.7KMagazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.minimalbergside1.6KStripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.cleanbergside1.6KSimplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.enterprisebergside1.6KDark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.neobrutalismbergside1.6KModern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.shadcnbergside1.6KShadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.bentobergside1.6KModular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.neumorphismbergside1.6KSoft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.refinedbergside1.5KCarefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.professionalbergside1.5KPolished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.modernbergside1.5KContemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.contemporarybergside1.5KCurrent-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.materialbergside1.5KGoogle's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.futuristicbergside1.5KForward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.sleekbergside1.5KModern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.brutalismbergside1.5KRaw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.corporatebergside1.5KProfessional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.claymorphismbergside1.5KSoft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.storytellingbergside1.5KNarrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys.doodlebergside1.5KHand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.creativebergside1.5KPlayful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.colorfulbergside1.5KVibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.gradientbergside1.5KSmooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.paperbergside1.5KPaper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.cosmicbergside1.5KFuturistic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.artisticbergside1.5KHigh-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.boldbergside1.5KStrong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.flatbergside1.5KTwo-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.agenticbergside1.5KConversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.spaciousbergside1.5KGenerous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.dramaticbergside1.5KHigh-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.friendlybergside1.5KApproachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.antbergside1.5KStructured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.fantasybergside1.5KGame-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.ditheredbergside1.5KDot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.cafebergside1.5KCozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.monobergside1.5KMonospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.vintagebergside1.5K1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.neonbergside1.5KElectric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.retrobergside1.5KThrowback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.levelsbergside1.5KConversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.skeumorphismbergside1.5KReal-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.vibrantbergside1.5KLively, colorful design with bold playful typography, warm accents, and dynamic visual energy.expressivebergside1.5KVibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.perspectivebergside1.5KSpatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.lingobergside1.4KPlayful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.pacmanbergside1.4KRetro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.tetrisbergside1.4KClassic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.immersivebergside1.4KAn 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)claudebergside1.4KA 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.sketchbergside1.4KA friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings, rounded pill controls.impeccablebergside1.4KA modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color.codexbergside1.4KA 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.terracottabergside1.4KA sun-baked, clay-toned editorial interface built on warm cream surfaces, ink-brown headlines set in a display serif, and a single terracotta accent.fictionbergside1.4KA 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 shapesmatrixbergside1.4KA cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elementsrisobergside1.4KA playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every sectionsegabergside1.4KA 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 blocksbasicbergsidePrint-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.geometricbergsideGeometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.powerbergsideHigh-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences.pulsebergsideDynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.rokubergsideApp dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.squarebergsideGraceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.stitchbergsideClean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured layouts.