ATMOSATMOS Design LabEXPERIMENTAL
← vissza a landingra

Design Frankenstein

Minden szekción belül 4-8 variáns, mindegyik ID-vel (pl. A3, B1). Scrollozz végig, és írd meg, hogy melyeket akarod: pl. „A3 mood, B1 paletta, C2 tipográfia, D5 gomb, E2 kártya, F4 háttér, G2 animáció”.

Ez egy ideiglenes oldal. Ha döntöttünk, kidobjuk.
A

Hero mood variánsok

Teljes hangulat-minták egy-egy popular termék stílusában.

A1
ATMOS ERP

Construction
operations, simplified.

Integrated ERP for modern construction companies.

Stripe stílus — Premium Tech Light

A2
▲ ATMOS

Built for
construction velocity.

Plan, track and ship projects with a single linear workflow.

Linear stílus — Premium Tech Dark

A3
v16.1.1

Ship
construction.

$ atmos deploy --env=prod

Vercel / Figma Config — Brutalist Editorial

A4
ATMOSConstruction ERP reimagined

Digitalizáljuk
az építőipart.

Felhő, big data, AI automatizáció egyben.

Paste / Arc — Aurora Neon (jelenlegi)

A5

ATMOS ERP

Radically
different.

Építőipar — újradefiniálva.

Learn more ›Buy ›

Apple iPhone stílus — Editorial Magazine

A6
system online

atmos_erp

> Manage construction operations from one CLI-grade interface.

Raycast / GitHub Dark — Corporate Technical

B

Színpaletták

A teljes oldalt meghatározó alap + accent kombók.

B1
#050a14
#0a1628
#facc15
#22d3ee
#a855f7
#ec4899

Gold Rush — prémium, drága

(jelenlegi) Sötét kék + arany + aurora szín. Paste, Arc.

B2
#0a0a0a
#171717
#FFB800
#EF4444
#ffffff
#78716c

Construction Safety — ipari, figyelem

Kontraszt sárga + piros. Stihl, Caterpillar katalógusok.

B3
#0f172a
#1e293b
#22D3EE
#A78BFA
#3B82F6
#f1f5f9

Midnight Blueprint — tech, tervrajz

Sötét navy + cyan + lila. Linear, Vercel.

B4
#1c1917
#292524
#84CC16
#FB923C
#57534e
#fafaf9

Forest Concrete — organikus

Sötét barna + zöld + narancs. Patagonia.

B5
#0a0a0a
#262626
#EC4899
#ffffff
#a3a3a3
#737373

Mono + Magenta — editorial

Pure fekete-fehér + egy merész pop. Figma Config 2023.

B6
#ffffff
#f3f4ff
#6366f1
#a855f7
#ec4899
#0f172a

Stripe Soft — pastel premium

Fehér + pasztell gradient. Stripe, Vercel light.

C

Tipográfia párok

Heading + body kombinációk. A szám-accent külön is jelölve.

C1

Inter + Inter — Neutral Modern (jelenlegi)

Digitalizáljuk
az építőipart.

Tender, szerződés, TIG, levonás, partnerértékelés, szabadság, flotta — egy felületen.

$ atmos deploy --env=production

Általános tech. Stripe, Linear, GitHub.

C2

Fraunces + Inter — Editorial Magazin

Digitalizáljuk
az építőipart.

Tender, szerződés, TIG, levonás, partnerértékelés, szabadság, flotta — egy felületen.

$ atmos deploy --env=production

Serif kontraszt headingben. Loops.so, Arc New Tab.

C3

Space Grotesk + Inter — Tech Premium

Digitalizáljuk
az építőipart.

Tender, szerződés, TIG, levonás, partnerértékelés, szabadság, flotta — egy felületen.

$ atmos deploy --env=production

Grotesk heading, modern. Paste, Shadcn.

C4

JetBrains Mono + Inter — Developer Vibe

Digitalizáljuk
az építőipart.

Tender, szerződés, TIG, levonás, partnerértékelés, szabadság, flotta — egy felületen.

$ atmos deploy --env=production

Mono heading, CLI-érzés. Raycast, Ghostty.

D

Gomb stílusok

Primary CTA variánsok — mindegyikhez hover állapot is.

D1

Arany shimmer — Paste stílus (jelenlegi)

D2

Stripe gradient pill

D3

Apple frosted — glass

D4

Vercel monochrome

D5

Linear subtle — halk prémium

D6

Neon outline — Cyberpunk

D7

Brutalist offset shadow

D8

Magnetic hover — kurzor követi

D9

Liquid animated border

E

Kártya stílusok

Feature kártya variánsok.

E1

Felhő alapú

Bárhonnan elérhető, zero telepítés.

Glass panel — Paste (jelenlegi)

E2

Cloud native.

Radically accessible. Built for teams.

Bento iOS — Apple iPhone-oldal

E3

Cloud-based

Accessible from anywhere, zero install.

Stripe clean — fehér, airy

E4

Cloud native

Plan, track, ship from anywhere.

Linear gradient border

E5

CLOUD.

// accessible everywhere

Brutalist hard shadow

E6

CLOUD NATIVE

> zero-install infra

Neon edge — Cyberpunk glow

F

Háttér variánsok

Section / hero háttér megoldások.

F1
aurora orbs

Aurora orbs — Paste (jelenlegi)

F2
animated grid

Animated grid — Vercel / Supabase

F3
noise + gradient

Noise + gradient — Stripe

F4
mesh gradient

Mesh gradient — Apple

F5
particle field

Particle field — Linear

F6
synthwave

Retro sun — synthwave

G

Animáció effektek

Interaktív — hoverrel / 'Futtasd'-gombbal próbáld.

G1

Fade + slide up — a legsimább

Hello ATMOS

Alap scroll reveal. Most ez a default.

G2

Karakter-szintű reveal — Paste

Hello ATMOS

Minden betű külön belép lentről.

G3

Scramble text — random → szöveg

Hello ATMOS

Cyberpunk/hacker stílus.

G4

Gradient sweep — fényfolt áthalad

Hello ATMOS

Gucci, Nike reklámok.

G5

Typewriter — karakterenként kiíródik

_

CLI, retrocomputer feeling.

G6

Counter roll — szám felfut

0+

teljesítésigazolás / év

KPI / statisztika.

Használat: írd meg „A3 mood, B1 paletta, C2 tipó, D5 gomb, E2 kártya, F4 háttér, G2 animáció” — és beépítem.

Ez az oldal ideiglenes (/hu/welcome/lab). Döntés után töröljük.