USG STUDIO's Work | ContraWork by USG STUDIO
USG STUDIO

USG STUDIO

Digital Products & Software Solutions

    4
    Followers
Followed by Yev L, Ergini K, and Sagar N

Basel, Switzerland

WorkPostsProductsAbout

Basel, Switzerland

Cover image for Toolistry — Discover the Future
Toolistry — Discover the Future of AI Tools A modern directory experience designed to make discovering AI-powered tools simpler, faster, and more intuitive. Project Overview Toolistry is a modern AI tools directory concept focused on helping users explore and discover software across the growing artificial intelligence ecosystem. The project combines a refined dark interface, structured content discovery, and a clean visual system to create an engaging browsing experience. The goal was to bring clarity, usability, and visual consistency to a content-rich directory platform. The Challenge With new AI products launching constantly, discovering relevant tools can quickly become overwhelming. The design challenge was to create an interface that makes large collections of tools easier to explore while maintaining a premium, modern aesthetic. The Solution Toolistry introduces a thoughtfully structured directory experience built around: Modern Dark UI — A refined visual identity with carefully balanced colors, typography, and contrast. Category-Based Navigation — Organized browsing to help visitors explore different types of AI tools. Tool Discovery Cards — Consistent layouts that make products easier to scan and compare visually. Featured Tools — Dedicated visual areas that draw attention to selected products. Structured Content Layouts — A flexible interface designed to accommodate growing collections of tools. Design Approach The interface prioritizes visual hierarchy, clarity, and consistency. From the navigation system to individual tool cards, each element is designed to support a cohesive discovery experience. The result is a modern directory concept that balances functionality with an engaging visual presentation. Project Outcome Toolistry demonstrates an approach to building modern directory interfaces, combining thoughtful UI/UX design with structured product discovery. It serves as a portfolio example of the type of digital experiences USG Studio aims to create: visually refined, practical, and focused on real-world usability. USG Studio — Build better. Launch faster. Interested in a similar directory, web application, or custom digital platform? We're open to selected collaborations.
1
85
Cover image for Cutwave is a premium festival
Cutwave is a premium festival & event website theme built with Astro 6. It ships as a static frontend — no CMS or payment provider locked in — so agencies and freelancers can brand it, connect their own stack, and deploy anywhere. The visual language is a high-energy collage / scrapbook system: rotated cutouts, sticker CTAs, expressive display type, cream card sections, and intentional home-page motion (GSAP + Lenis). Who it’s for Festival, rave, conference, and cultural-event organizers Agencies building one-off event microsites for clients Freelancers who need a distinctive Astro starter that isn’t another SaaS landing page What’s included Pages Home (collage hero + motion stack) Alternate home demo (/demos/alt) Spanish locale demo home (/es/) Lineup + artist detail Schedule (two-day timeline) Experiences News / blog index + post Gallery + accessible lightbox Location (venue + map hook) Tickets (picker UI → checkout integration hook) Contact, FAQ, Privacy, Terms Styleguide (live tokens & components) Custom 404 UI & UX Slim sticky nav with Home variants dropdown + Mega Menu (pages & components) Mobile drawer / accordion Design tokens in CSS (colors, type buckets, spacing) Sticker / pill buttons, ticket graphic, photo cards, widgets Content Astro Content Collections (JSON/MD) for artists, schedule, experiences, tickets, posts, gallery Easy to replace demo copy and images Motion GSAP + ScrollTrigger on the home page Lenis smooth scroll Documented recipes in docs/ANIMATIONS.md Integration-ready Ticket checkout hook: src/lib/checkout.ts Contact & newsletter form actions via config Optional Decap CMS starter in extras/ Sitemap + SEO / Open Graph / JSON-LD Docs for buyers Installation, customization, integration, site map, animations, credits, commercial license Tech stack Astro 6 (static) TypeScript GSAP, Lenis Fontsource (Boldonse, Inter, Handlee, Chivo Mono, Libre Barcode 128) Deploy: Netlify, Vercel, Cloudflare Workers (workflow included) Requirements Node.js ≥ 22.12 npm (package-lock.json included) What you get in the ZIP Full source theme LICENSE (commercial — 1 production project) Buyer docs + preview screenshots START_HERE.md quick guide Demo assets (replace before production — see CREDITS.md) License (summary) Commercial proprietary license by USG STUDIO. One production project per purchase. No redistribution or resale of the template. See LICENSE in the package for full terms. Support Product & licensing: usgstudio.dev (https://usgstudio.dev)Live demo: usgcutwave.netlify.app (https://usgcutwave.netlify.app)
2
2
33