mirror of
https://github.com/Such-Software/such.software.git
synced 2026-10-17 05:32:05 +02:00
update bauhaus and main page copy
This commit is contained in:
@@ -12,22 +12,23 @@ Bauhaus Echo is now available on the [App Store](https://apps.apple.com/us/app/b
|
||||
|
||||
The game shows you a grid of colorful geometric tiles inspired by Bauhaus design. You get a few seconds to memorize their positions. Then the tiles spin, shrink, and scatter to the bottom of the screen. Your job is to drag them back to where they belong.
|
||||
|
||||
It started as a simple prototype: a 3x3 grid, a shuffle, and a timer. But the Bauhaus aesthetic gave the project a visual identity early on, and from there it grew into four distinct game modes with difficulty scaling, global leaderboards, and a full cross-platform release.
|
||||
It started as a simple prototype: a 3x3 grid, a shuffle, and a timer. But the Bauhaus aesthetic gave the project a visual identity early on, and from there it grew into five distinct game modes with difficulty scaling, global leaderboards, and a full cross-platform release.
|
||||
|
||||
## The Tiles: Bauhaus Blocks by art101
|
||||
|
||||
The tile collection features 500 hand-curated geometric designs from the [Bauhaus Blocks collection by art101](https://art101.io/). Each tile is a 256x256 pixel sprite drawn in the Bauhaus tradition: bold primary shapes, clean geometry, and striking color contrasts. The tiles are packed into a libGDX TextureAtlas spread across three PNG sprite sheets for efficient GPU batching.
|
||||
The tile collection features over 8,000 geometric designs from the [Bauhaus Blocks collection by art101](https://art101.io/), with 500 hand-curated core tiles bundled in the app and additional DLC palette packs available for download. Each tile is a 256x256 pixel sprite drawn in the Bauhaus tradition: bold primary shapes, clean geometry, and striking color contrasts. The tiles are packed into a libGDX TextureAtlas spread across PNG sprite sheets for efficient GPU batching.
|
||||
|
||||
We chose art101's Bauhaus Blocks because they capture the movement's aesthetic perfectly — circles, triangles, and rectangles in red, blue, yellow, black, and white — while providing enough variety across 500 designs that the game rarely repeats tiles in a session. We plan to add more tile packs from art101 in the future, introducing new visual themes while keeping the same core gameplay.
|
||||
We chose art101's Bauhaus Blocks because they capture the movement's aesthetic perfectly — circles, triangles, and rectangles in red, blue, yellow, black, and white — while providing enough variety that the game rarely repeats tiles in a session. DLC packs introduce new palettes and styles — darkly, pop, pastel, and randomized variants — unlocked automatically with the ad-free purchase.
|
||||
|
||||
Each tile in-game has beveled 3D edges and the game board is styled like a wood-and-felt craft table, giving the abstract designs a physical, tactile quality.
|
||||
|
||||
## Four Game Modes
|
||||
## Five Game Modes
|
||||
|
||||
- **Classic**: the core experience. Memorize the full grid, watch the tiles scatter, then reconstruct the pattern before time runs out.
|
||||
- **Speed**: tiles appear one at a time in their correct position for a shrinking window of time, then drop to the tray. Place each before the next one arrives. The display time decays exponentially — starting at 28% of the Classic base time and shrinking with a 0.40 decay factor per tile.
|
||||
- **Endless**: Speed mode that never ends. Placed tiles have a lifespan of three more spawns, after which they fade out and rejoin the queue. Your score is total correct placements before you run out of lives.
|
||||
- **Memory**: traditional card-matching. All tiles face down. Flip two to find pairs. Matched pairs spin away, mismatches cost a life.
|
||||
- **Zen**: no timer, no score, no pressure. A free-form sandbox where you compose with tiles at your own pace. Filter tiles by palette, format, or collection, and browse the full catalog including DLC packs.
|
||||
|
||||
Each mode supports 2x2 through 5x5 grids and three difficulty levels (Easy at 1.7x time, Medium at 1.35x, Hard at 1.0x). Lives scale with grid size and difficulty so larger grids give more room for error.
|
||||
|
||||
@@ -133,10 +134,10 @@ All network calls are asynchronous with callbacks posted back to the rendering t
|
||||
|
||||
## Monetization
|
||||
|
||||
The mobile versions (Android and iOS) are free with AdMob banner ads. A one-time in-app purchase removes ads permanently. The desktop build is a paid download ($2) on itch.io with no ads. The web version is completely free with no ads.
|
||||
The mobile versions (Android and iOS) are free with AdMob banner ads. A one-time in-app purchase removes ads permanently and unlocks DLC tile packs. The desktop build is a paid download ($2) on itch.io with no ads. The web version is completely free with no ads.
|
||||
|
||||
## What's Next
|
||||
|
||||
We're looking at adding more tile packs from [art101](https://art101.io/) to introduce new visual themes — different art movements, color palettes, and geometric styles — while keeping the same core gameplay mechanics. The infrastructure is already there: the TextureAtlas system supports swappable tile sets, so new packs are primarily an art curation effort.
|
||||
Since launch we've shipped Zen mode — a pressure-free creative sandbox — along with four DLC tile packs (darkly, pop, pastel, and rands) bringing the total to over 8,000 tiles. We also added a hint system for Classic mode, a milestone progression system, and expanded the soundtrack to 13 tracks with mode-specific playlists. We're continuing to explore new tile collections from [art101](https://art101.io/) and gameplay ideas.
|
||||
|
||||
See the full [Bauhaus Echo product page](/products/bauhaus-echo) for more details.
|
||||
|
||||
@@ -61,11 +61,12 @@ export default function Home() {
|
||||
maxWidth: 'min(calc(90vw - 120px), 100%)',
|
||||
}}
|
||||
>
|
||||
<span className="block">Precision Engineering</span>
|
||||
<span className="block">for Everyone</span>
|
||||
<span className="block">E-Commerce & Apps</span>
|
||||
<span className="block">Built to Scale</span>
|
||||
</h1>
|
||||
<p className="max-w-2xl text-xl text-muted-foreground mb-8">
|
||||
Web applications engineered for scale, compliance, and performance.
|
||||
High-performance online stores, custom app development, and our own published titles.
|
||||
From concept to launch, we build software that works.
|
||||
</p>
|
||||
|
||||
<div className="flex gap-4 mb-10">
|
||||
@@ -87,7 +88,7 @@ export default function Home() {
|
||||
<div className="text-left mb-8 section-container border-l-4 border-l-blue-500">
|
||||
<h2 className="text-3xl font-bold mb-3 tracking-tight text-foreground">Selected Works</h2>
|
||||
<p className="text-muted-foreground text-lg max-w-3xl leading-relaxed">
|
||||
Recent projects spanning governance tools, payment infrastructure, and interactive web applications.
|
||||
Recent projects spanning e-commerce, games, payment infrastructure, and interactive web applications.
|
||||
</p>
|
||||
</div>
|
||||
<PortfolioGrid />
|
||||
|
||||
@@ -8,11 +8,11 @@ import type { Metadata } from "next";
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Bauhaus Echo | Such Software",
|
||||
description: "Visual memory puzzle game inspired by Bauhaus design. Memorize, shuffle, reconstruct. Android, iOS, Web, Desktop.",
|
||||
description: "Visual memory puzzle game inspired by Bauhaus design. Five modes including a pressure-free Zen sandbox. Android, iOS, Web, Desktop.",
|
||||
alternates: { canonical: "/products/bauhaus-echo" },
|
||||
openGraph: {
|
||||
title: "Bauhaus Echo | Such Software",
|
||||
description: "Visual memory puzzle game inspired by Bauhaus design. Memorize, shuffle, reconstruct. Android, iOS, Web, Desktop.",
|
||||
description: "Visual memory puzzle game inspired by Bauhaus design. Five modes including a pressure-free Zen sandbox. Android, iOS, Web, Desktop.",
|
||||
type: "website",
|
||||
images: [{ url: "/images/products/bauhaus-echo.png", width: 512, height: 512, alt: "Bauhaus Echo" }],
|
||||
},
|
||||
@@ -23,6 +23,7 @@ const gameModes = [
|
||||
{ name: "Speed", description: "Tiles drop one at a time, place each before the next appears" },
|
||||
{ name: "Endless", description: "Speed mode with tile cycling, play forever" },
|
||||
{ name: "Memory", description: "Traditional card-matching pairs game" },
|
||||
{ name: "Zen", description: "No timer, no score. Compose freely with beautiful tiles at your own pace" },
|
||||
];
|
||||
|
||||
export default function BauhausEchoPage() {
|
||||
@@ -51,6 +52,7 @@ export default function BauhausEchoPage() {
|
||||
<p className="text-xl text-muted-foreground leading-relaxed">
|
||||
A visual memory puzzle game inspired by Bauhaus design aesthetics.
|
||||
Memorize arrangements of geometric tiles, watch them shuffle, then reconstruct the pattern.
|
||||
Or unwind in Zen mode — a pressure-free sandbox where you compose with tiles at your own pace.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -90,8 +92,8 @@ export default function BauhausEchoPage() {
|
||||
<h2 className="text-2xl font-bold mb-6">Features</h2>
|
||||
<div className="grid md:grid-cols-3 gap-6 mb-12">
|
||||
<Card className="glass-card border-blue-500/20">
|
||||
<h3 className="font-bold mb-2">500+ Tile Designs</h3>
|
||||
<p className="text-sm text-muted-foreground">Curated Bauhaus-style geometric art</p>
|
||||
<h3 className="font-bold mb-2">8,000+ Tile Designs</h3>
|
||||
<p className="text-sm text-muted-foreground">Curated Bauhaus-style geometric art with DLC packs</p>
|
||||
</Card>
|
||||
<Card className="glass-card border-blue-500/20">
|
||||
<h3 className="font-bold mb-2">Multiple Grid Sizes</h3>
|
||||
|
||||
@@ -4,35 +4,35 @@ export function ServicesPreview() {
|
||||
return (
|
||||
<div className="w-full max-w-6xl mx-auto px-4 mt-8 mb-16 relative z-10">
|
||||
<div className="text-left mb-8 section-container border-l-4 border-l-emerald-500">
|
||||
<h2 className="text-3xl font-bold mb-3 tracking-tight">High-Performance Webshops</h2>
|
||||
<h2 className="text-3xl font-bold mb-3 tracking-tight">What We Do</h2>
|
||||
<p className="text-muted-foreground text-lg max-w-3xl leading-relaxed">
|
||||
We build commerce infrastructure that scales with you. From complex supply chains
|
||||
to global payments, we handle the infrastructure, payments, and performance so you can focus on your brand.
|
||||
We build high-performance e-commerce stores, develop custom apps, and ship our own titles.
|
||||
Whether you need a storefront, a bespoke tool, or a full product build, we handle the engineering end to end.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="grid md:grid-cols-3 gap-6">
|
||||
<Card className="glass-card hover:border-indigo-500/40 text-left">
|
||||
<h3 className="text-xl font-bold mb-3">Native Crypto & Payments</h3>
|
||||
<h3 className="text-xl font-bold mb-3">E-Commerce Solutions</h3>
|
||||
<p className="text-base text-muted-foreground leading-relaxed">
|
||||
Headless storefronts powered by Medusa and Next.js. 100/100 Core Web Vitals,
|
||||
global payments, and infrastructure that scales with your business.
|
||||
</p>
|
||||
</Card>
|
||||
<Card className="glass-card hover:border-indigo-500/40 text-left">
|
||||
<h3 className="text-xl font-bold mb-3">Custom App Development</h3>
|
||||
<p className="text-base text-muted-foreground leading-relaxed">
|
||||
Cross-platform mobile and web apps built to spec. We handle architecture,
|
||||
deployment, and ongoing support so you can focus on your business.
|
||||
</p>
|
||||
</Card>
|
||||
<Card className="glass-card hover:border-indigo-500/40 text-left">
|
||||
<h3 className="text-xl font-bold mb-3">Crypto & Payments</h3>
|
||||
<p className="text-base text-muted-foreground leading-relaxed">
|
||||
Deep expertise in multi-currency checkout, fiat-to-crypto onboarding, and
|
||||
secure payment architecture.
|
||||
</p>
|
||||
</Card>
|
||||
<Card className="glass-card hover:border-indigo-500/40 text-left">
|
||||
<h3 className="text-xl font-bold mb-3">Zero Capital Upfront</h3>
|
||||
<p className="text-base text-muted-foreground leading-relaxed">
|
||||
We operate on a revenue-share model, similar to Toast. No upfront costs
|
||||
and no fixed monthly fees. We only earn when you're making sales.
|
||||
</p>
|
||||
</Card>
|
||||
<Card className="glass-card hover:border-indigo-500/40 text-left">
|
||||
<h3 className="text-xl font-bold mb-3">Headless Performance</h3>
|
||||
<p className="text-base text-muted-foreground leading-relaxed">
|
||||
We couple the robust Medusa backend with a Next.js frontend, ensuring your shop
|
||||
scores 100/100 on Core Web Vitals and SEO.
|
||||
</p>
|
||||
</Card>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
|
||||
Reference in New Issue
Block a user