bergside
- 68 skills
- 0 followers
- 1 week ago last updated
- ▌ Sega · bergside bundleA 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
- ▌ Neumorphism · bergside bundleSoft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.
- ▌ Typeui · bergsideUse TypeUI with Grok to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.
- ▌ Doodle · bergside bundleHand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.
- ▌ Glassmorphism 2 · bergside bundleFrosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.
- ▌ Neumorphism 2 · bergside bundleSoft, extruded UI elements with inner and outer shadows on monochromatic surfaces for a tactile, embedded look.
- ▌ Codex 2 · bergside bundleA 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.
- ▌ Shadcn 2 · bergside bundleShadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.
- ▌ Retro 3 · bergside bundleThrowback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.
- ▌ Sketch 2 · bergside bundleA friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings, rounded pill controls.
- ▌ Storytelling · bergside bundleNarrative-driven design using visuals, copy, and interaction to guide users through engaging, emotionally resonant journeys.
- ▌ Contemporary · bergside bundleCurrent-era minimalist design with bento grids, dark mode support, and high-performance accessible layouts.
- ▌ Professional · bergside bundlePolished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.
- ▌ Claymorphism · bergside bundleSoft, rounded 3D-like shapes mimicking malleable clay with playful, puffy elements and colorful surfaces.
- ▌ Skeumorphism · bergside bundleReal-world mimicry with textured surfaces, 3D effects, and familiar physical metaphors for intuitive digital interfaces.
- ▌ Futuristic · bergside bundleForward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.
- ▌ Impeccable · bergside bundleA modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color.
- ▌ Corporate · bergside bundleProfessional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.
- ▌ Perspective · bergside bundleSpatial depth design with isometric views, vanishing points, and layered elements that guide attention through 3D-like realism.
- ▌ Terracotta · bergside bundleA sun-baked, clay-toned editorial interface built on warm cream surfaces, ink-brown headlines set in a display serif, and a single terracotta accent.
- ▌ Editorial · bergside bundleMagazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences.
- ▌ Geometric · bergside bundleGeometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.
- ▌ Immersive · bergside bundleAn 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)
- ▌ Claude · bergside bundleA 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.
- ▌ Agentic · bergside bundleConversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.
- ▌ Artistic · bergside bundleHigh-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
- ▌ Creative · bergside bundlePlayful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.
- ▌ Material · bergside bundleGoogle's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.
- ▌ Neobrutalism · bergside bundleModern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.
- ▌ Enterprise · bergside bundleDark-themed cloud-platform aesthetic with modular grids, glass-like panels, and strong data hierarchy for productivity dashboards.
- ▌ Fantasy · bergside bundleGame-inspired fantasy aesthetic with bold, premium visuals, rich color palettes, and immersive thematic elements.
- ▌ Fiction · bergside bundleA 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
- ▌ Minimal · bergside bundleStripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.
- ▌ Premium · bergside bundleApple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language.
- ▌ Refined · bergside bundleCarefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes.
- ▌ Vibrant · bergside bundleLively, colorful design with bold playful typography, warm accents, and dynamic visual energy.
- ▌ Vintage · bergside bundle1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography.
- ▌ Dithered · bergside bundleDot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals.
- ▌ Paper · bergside bundlePaper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.
- ▌ Brutalism · bergside bundleRaw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
- ▌ Cosmic · bergside bundleFuturistic sci-fi aesthetic with dark themes, vibrant neon accents, and immersive spatial elements.
- ▌ Modern · bergside bundleContemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.
- ▌ Square · bergside bundleGraceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication.
- ▌ Expressive · bergside bundleVibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.
- ▌ Bold · bergside bundleStrong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.
- ▌ Cafe · bergside bundleCozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.
- ▌ Flat · bergside bundleTwo-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces.
- ▌ Mono · bergside bundleMonospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.
- ▌ Riso · bergside bundleA playful, joyful, two-color risograph print aesthetic built on a single warm off-white paper surface running through every section
- ▌ Roku · bergside bundleApp dashboard with purple-themed aesthetic, top-bar navigation, card-based layouts, and developer-first workflows.
- ▌ Colorful · bergside bundleVibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
- ▌ Dramatic · bergside bundleHigh-contrast, theatrical design with bold layouts, immersive visuals, and unconventional compositions that command attention.
- ▌ Friendly · bergside bundleApproachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.
- ▌ Gradient · bergside bundleSmooth color transitions and gradient-rich surfaces for modern, playful interfaces with visual depth.
- ▌ Spacious · bergside bundleGenerous whitespace, consistent padding, and grid-based layouts for clean, readable, and breathing interfaces.
- ▌ Lingo · bergside bundlePlayful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.
- ▌ Basic · bergside bundlePrint-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.
- ▌ Bento · bergside bundleModular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.
- ▌ Clean · bergside bundleSimplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.
- ▌ Power · bergside bundleHigh-end dark aesthetic with bold headings, monochromatic palette, and premium feel for premium brand experiences.
- ▌ Pulse · bergside bundleDynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality.
- ▌ Sleek · bergside bundleModern minimalist aesthetic with clean lines, intentional color palette, subtle interactions, and consistent spacing.
- ▌ Levels · bergside bundleConversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.
- ▌ Matrix · bergside bundleA cyber-slick, dark-only Matrix-inspired interface defined by minimalist fashion, high-tech digital elements
- ▌ Pacman · bergside bundleRetro arcade-inspired design with pixel fonts, dotted borders, playful high-contrast colors, and 8-bit game aesthetics.
- ▌ Stitch · bergside bundleClean, high-contrast enterprise design for data-driven workflows with intuitive drag-and-drop patterns and structured layouts.
- ▌ Tetris · bergside bundleClassic block-game inspired design with playful colors, bold display fonts, and compact, high-energy layouts.
- ▌ Ant · bergside bundleStructured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.