FLOE – Paweł Małek

FLOEPaweł Małek

Naming · Identyfikacja wizualna · Motion

Zimna woda. Dobre towarzystwo.

Klientprojekt własny, koncept marki

Rolanaming, identyfikacja, skala temperatur, animacja

Forma i czaspo godzinach, październik 2026

Zakresnaming · znak · skala temperatur (JS) · produkty · strona i widget · wersja eventowa · animacja

Przegląd

FLOE: znak, który pokazuje temperaturę wody

FLOE to koncept marki akcesoriów do morsowania. Zaprojektowałem nazwę, znak z motywem kry i system, który zamienia temperaturę wody w stopień spękania znaku.

Wyzwanie. W dużym sklepie sportowym morsowanie leży w dziale nurkowania, a poncza „do morsowania” to głównie modele plażowe i surfingowe. Chciałem marki, która mówi do morsów, a nie do plażowiczów.

1 pomiartemperatura wody steruje całym znakiem

3 źródłaklasa produktu, API pogodowe, prognoza eventu

4 stopniespękania znaku, od 0 do 12 °C

Zobacz, jak znak reaguje na temperaturę ↓

Naming

Szukałem nazwy krótkiej, bez polskich znaków i z grą słów.

DIPPER: zanurzenie, Wielki Wóz i ptak, który zimą nurkuje w potokach. Za dużo historii jak na jedną nazwę.
BRRRO: dreszcz i kumpel. Za bardzo memiczna.
FLOE: po angielsku kra, a brzmi jak flow. Krótka i od razu daje motyw wizualny.

Znak

Znak to sygnet i gruby, typograficzny napis FLOE, spękane razem jak kra. Gruby krój nie jest tu kwestią gustu: litery muszą przetrwać spękanie. Napis powstał na bazie kroju Climate Crisis (Daniel Coull i Eino Korkala dla Helsingin Sanomat), który chudnie razem z lodem w Arktyce, od 1979 roku do prognozy na 2050.

Znak ma 4 stopnie, po jednym na każde 3 °C od 0 do 12 °C. Każdy kolejny stopień dodaje dwa cięcia w stałych miejscach, a im cieplejsza woda, tym dalej kry odpływają od siebie. Stopień 1 to cały znak i zarazem wersja podstawowa.

Kliknij stopień, żeby zobaczyć, jak znak dzieli się na kry.

02 · sygnet

Sygnet i wersje

Sygnet to płatek śniegu nad falami. Znak ma 4 wersje: poziomą, pionową, liniową i sam sygnet.

Szczeliny przechodzą przez cały znak, sygnet razem z napisem, więc oba elementy czyta się jak jedną taflę.

02 · konstrukcja

Jeden moduł: H

Wszystkie wymiary wynikają z wysokości wersalików napisu, czyli H. Odstępy biorą się z szerokości pnia litery F (0,55 H), więc proporcje układu wynikają z rysunku samych liter.

Konstrukcja wersji poziomej: sygnet 1,7 H, odstęp 0,55 H

A · poziomy

Sygnet 1,7 H. Wybrany optycznie spośród 1,4, 1,7 i 2 H, żeby ważył tyle co tłuste litery.
Odstęp 0,55 H, ok. 5 razy większy niż światło między literami.

Konstrukcja wersji pionowej: sygnet połowy szerokości napisu, odstęp 0,55 H

B · pionowy

Sygnet ma połowę szerokości napisu, ok. 2,5 H.
Odstęp 0,55 H, oba elementy na wspólnej osi.

Konstrukcja wersji liniowej: sygnet 1,08 H, odstęp 0,28 H

C · liniowy

Sygnet ma wysokość litery O (1,08 H) i tak jak O lekko wystaje poza linie liter.
Odstęp 0,28 H. W małych rozmiarach lepiej działa wersja A.

pole ochronne1 H z każdej strony znaku

skalowaniezawsze cały układ, nigdy sygnet i napis osobno

haft i małe rozmiaryznak zawsze w stopniu 1

Kolor i typografia

Paleta wychodzi z produktu: granat dzianiny, morski pompon i miętowa naszywka czapki. Cztery stopnie idą od najzimniejszej wody do najcieplejszej: szron, roztopiona woda, lodowiec i żar sauny. Znak i tekst są w Polar Night.

Logotyp FLOE na bazie kroju Climate Crisis

Dwie osoby rozmawiają w zimnej wodzie między taflami lodu

Skala temperatur

Im cieplejsza woda, tym bardziej spękany znak, a kolor przechodzi od szronu do żaru sauny.

Temperaturę dają trzy źródła, a jedna skala zamienia ją w stopień spękania i kolor znaku.

4,0 °C

stopień 2 · 3–6 °C

Przesuń suwak albo kliknij „Odtwórz”. Nowe cięcia pojawiają się przy 3, 6 i 9 °C, a kry odpływają coraz dalej.

Klasa produktu

stały zakres °C

API Open-Meteo

morze w Mielnie, na żywo

Prognoza na 2 dni

plus liczba osób z zapisów

Skala temperatur

°C → spękanie i kolor

jeden generator w JS

Produkty i metki

znak klasy wody

Strona i widget

znak dnia

Event i limitki

znak z blokiem danych

Produkty

Odzież ma klasę wody, jak śpiwór temperaturę komfortu. Klasa to jeden stopień skali: znak na metce ma jego spękanie i kolor, a obok stoi zakres w °C. Akcesoria działają w całej skali. Haft na tkaninie zawsze ma stopień 1.

ProduktKlasa wodyStopień

Ponczo zimowe3–6 °C2

Czapka zimowa3–6 °C2

Neopren 5 mm3–6 °C2

Neopren 3 mm6–9 °C3

Ponczo przejściowe9–12 °C4

Termometrcała skala1–4

Termoscała skala4

Torba z matącała skala1

Ponczo zimowe FLOE: granatowe, z kapturem, polarową podszewką i miętową naszywką ze znakiem

Ponczo przejściowe FLOE: szare, frotowe, z kapturem i naszywką w kolorze Sauna Ember

Czapka zimowa FLOE w kolorze granatowym z turkusowym pomponem i tkaną naszywką

Neoprenowe rękawiczki i skarpety FLOE z jasnym nadrukiem znaku

Pływający termometr FLOE z granatowym pływakiem i skalą w kolorach marki

Cztery metki FLOE w kolorach stopni: 0–3, 3–6, 6–9 i 9–12 °C

Granatowy termos FLOE z okrągłą naszywką w kolorze Sauna Ember

Granatowa torba FLOE z rozłożoną miętową matą do przebierania

Kobieta w czapce FLOE leży na krze, obok niej mężczyzna w ponczu FLOE, oboje się śmieją

Na żywo i eventy

Na stronie i w widgecie znak pokazuje temperaturę morza w Mielnie. Latem i wczesną jesienią jest najbardziej spękany, a zimą, gdy woda spada poniżej 3 °C, zamarza w całość.

Na eventach znak dostaje blok danych: datę, miejsce, temperaturę i liczbę osób. Liczbę osób znamy z zapisów online, a temperaturę z prognozy na 2 dni przed wydarzeniem. Dzięki temu limitowane produkty są gotowe na start.

Strona główna FLOE: w nagłówku znak na żywo, karta z temperaturą morza w Mielnie 7,4 °C w stopniu 3, produkty na dzisiejszą wodę i najbliższy event — Dane: Open-Meteo Marine API.

7,4 °CMielno · dziś

Grupa morsów w wodzie i na lodzie, część w czapkach i ponczach FLOE, pada śnieg

Motion

Znak zamarza na oczach. Kiedy woda stygnie, kry dryfują ku sobie, szczeliny się zasklepiają, a od brzegów kadru rośnie szron, aż przy 0 °C cały znak skuwa lód.

Pętla 16 s: zamarzanie, a potem ten sam ruch od końca, czyli odwilż.

Efekty

SystemJedna skala temperatur steruje znakiem na produktach, stronie i eventach.

CzytelnośćCięcia są stałe, więc znak czyta się w każdym stopniu.

NarzędzieJeden generator robi metki, widget i znaki eventów.

CzasNowa metka to wpisany zakres °C. Resztę robi generator.

Widok z góry: osoba w czapce FLOE schodzi po drabince do ciemnej wody w otworze w lodzie

Więcej projektów

Paweł Małek

Amazon A+ PremiumMurando · Decomonkey

Smart Modern HomesIdentyfikacja wizualna

Map Poster StudioProdukt · UX · Claude Code

12 obiektówC:\Pawel\Projekty

Następny case >

Paweł Małek – portfolio