A digital exhibition · 2025—26

Form
meets feeling.

Prostor, ve kterém se typografie potkává s barvou, světlo s materiálem a obyčejné HTML dostává vlastní charakter.

Vstoupit do galerie Prozkoumat prvky
Scroll to explore ↓
PLATE 001 / STUDY OF FORM
STUDY Nº 01 FORM / SPACE / BALANCE
Featured composition · 01Quiet Geometry
Form & matter · Est. 2026
Design is a way of seeing ✳Space is never empty ✳Details make the whole ✳Light has a texture ✳Design is a way of seeing ✳Space is never empty ✳Details make the whole ✳Light has a texture ✳
The manifesto

Good design is not decoration. It is intention, made visible.

Každý odstín, mezera i hrana něco říká. Rozhraní nemusí křičet, aby bylo výrazné. Může být klidné, hmatatelné a přitom plné drobných rozhodnutí, která dávají dohromady jeden srozumitelný celek.

Forma je malá digitální výstava věnovaná tomu, co se stane, když se na webovou stránku přestaneme dívat jen jako na soubor komponent. Je to kompozice. Má rytmus, materiál, světlo i vlastní atmosféru.

„Prostor mezi prvky je stejně důležitý jako prvky samotné.“— A note from the studio
The element library

A little bit of everything.

Průřez běžnými HTML prvky. Formuláře, typografie, tabulky, seznamy i drobné interakce. Všechno v jednom vizuálním systému.

Typography

Headings · Paragraphs · Inline semantics

A small introduction

Less, but with soul.

Hierarchy creates rhythm.

Subheading / Supporting thought

Text can be strong, emphasized, underlined, removed, or highlighted. A little inline code never hurts.

Small print · A quiet detail in the margin.

Buttons & states

Actions · Variants · Micro-interactions

AvailableFeaturedIn progress

Form elements

Input · Select · Textarea · Labels

Choices & controls

Checkbox · Radio · Range · Color

Choose your format

Progress & status

Progress · Meter · Output

Collection curated72%
72%
Material balanceGood
82

A little feedback makes a system feel alive.

Lists & definition

Ordered · Unordered · Description

  1. Observe the space
  2. Find the rhythm
  3. Refine the details
  • Color and contrast
  • Texture and depth
  • Clarity of purpose
FORM
The visible structure.
FEELING
The invisible response.

Disclosure

Details · Summary · Native accordion

Why this palette?

Teplé neutrální tóny tvoří klidný základ, zatímco terakota přidává energii a olivová kompozici uzemňuje.

Is this responsive?

Ano. Rozvržení se přizpůsobuje menším displejům a navigace se mění na mobilní menu.

Does dark mode adapt?

Barvy se mění jako promyšlená sada tokenů, nikoliv prostou inverzí.

Quote & callout

Blockquote · Cite · Aside-like note

“Simplicity is not the absence of detail. It is the presence of clarity.”Studio notebook · Entry 014
✳

Design note
Kontrast nemusí být hlasitý. Někdy stačí změnit materiál, hloubku nebo rytmus.

Code specimen

Preformatted text · Code · Semantic markup

<!-- A small piece of structure -->
<article class="artwork">
  <h2>Quiet Geometry</h2>
  <p>Form follows feeling.</p>
</article>

Data table

Table · Thead · Tbody · Caption

TABLE 01 — SELECTED MATERIALS
MaterialCharacterUseStatus
TerracottaWarm / expressiveAccentActive
OliveGrounded / calmSecondaryActive
Slate blueCool / quietSupportActive

Image & caption

Figure · SVG · Figcaption

Fig. 01 — A quiet, constructed horizon
The last page

Make room for
the unexpected.

Dobrý vizuální systém není klec. Je to prostor, ve kterém mohou jednotlivé prvky dýchat.

Back to the beginning ↑
↑