Studio Una

Item: Studio Una
Rating: 7

Hamburg studio for sustainable, low-carbon web and brand design.

studiouna.de Save page

7.0/10MABTU rating

DESKTOP · 1440 × 11,799/ ↗

MOBILE · 390

Section outline · Home

01heroCharcoal, statement, client logos
02featuresPeriwinkle three-column numbered items497
03servicesRuled accordion705
04ctaQuote with eco-audit button580
05workStaggered mockup photo grid116
06faqTwo-column Q&A
07newsletterPeriwinkle band with field
08processAccordion with CTA
09promoOnline course card
10footerRuled contact rows, CO2 note

Rating · Home

Visual design6.9

UX & clarity7.0

Originality6.6

Craft & consistency7.0

Motion5.5

Performance & a11y9.0

This page scores 7.0; the site score weights the home page double.

Main colours

Mixed sections·dark grey background·muted

Typography

Basis Grotequeheading · font · self-hosted Basis Grotequebody · font · self-hosted

Stack & style

Next.js React Tailwind CSS

Minimal Swiss grid FAQ accordion Logo cloud Process steps

Also: Plausible

Design DNA

Alternating charcoal and periwinkle bands with small light grotesk type on a two-column label/content grid. Hero statement with client logos, numbered core competencies on periwinkle, ruled plus-icon service accordion, an eco-audit quote CTA, a staggered grid of project mockup photos, FAQ accordion on sustainable design, newsletter, three-phase process accordion, online course promo and a ruled contact footer that reports the page's CO2.

Worth borrowing

Use a two-colour band system (charcoal and periwinkle) with no imagery to keep pages light.
Show the page's own CO2 result in the footer as a trust signal for a sustainability studio.
Stagger project mockups in large and small columns under a small label.