Gradientlyn suunnitteluopas
Suunnitteluopas
Selkeitä, käytännöllisiä oppaita liukuväreistä, väreistä, brändi-identiteetistä ja siitä, miten teet töitä, jotka näyttävät sinulta.
200 opasta · 11 aihetta
Aloita tästä
Kaikki oppaat
VäritVäriteorian perusteet ihmisille, jotka eivät suunnittele
4 min lukuaika
Värien hyvään valintaan ei tarvita taidekoulua. Kuusi ajatusta selittää lähes jokaisen värivalinnan, ja jokaisen oppii muutamassa minuutissa.
BrändäysWhat is brand identity? The parts that actually matter
5 min lukuaika
A logo is the part of brand identity everyone talks about and the part people notice least. Here are all the pieces, what each one carries, and how they add up to being recognised.
Typografia ja tekstiText on gradient background: how to make it read every time
5 min lukuaika
A gradient changes under every letter, so a colour that reads at one end can vanish at the other. Here is the method that keeps words readable across the whole blend.
TaustatAesthetic-taustat: näin teet oman taustakuvasi
4 min lukuaika
Ladatut taustat ovat kaikkien käytössä, jotka löysivät saman sivun. Oman teko vie iltapäivän, ja tulos sopii yhteen puhelimesi, työpöytäsi ja julkaisujesi kanssa.
CSS ja verkkoCSS linear-gradient: täydellinen opas suoraviivaiseen liukuväriin
5 min lukuaika
Jokainen linear-gradient()-funktion osa selitetään elävällä esimerkillä koodin vieressä: oletussuunnasta koviin pysäytyksiin, kerrostettuihin kiiltoihin ja pehmeämpiin OKLCH-sekoituksiin.
LiikeAnimoidut liukuväritaustat videoon ja someen
4 min lukuaika
Animoitu liukuväri voi näyttää valolta, joka liikkuu silkin läpi, tai näytönsäästäjältä. Ero on kourallinen suunnittelupäätöksiä, jotka voit tehdä tarkoituksella.
Tekoäly ja suunnitteluTekoälysuunnittelutyökalut: missä ne ovat hyviä ja missä ontuvat
4 min lukuaika
Tekoäly antaa viisikymmentä vaihtoehtoa ennen lounasta. Se, näyttääkö yksikään brändiltäsi, on eri kysymys. Tässä miten erotat työkalut toisistaan ja arvioit niitä reilusti.
Gradientlyn käyttöWhat is a Gradiently Mark? Living gradients, explained
6 min lukuaika
A Mark looks like a gradient background, but it behaves like a brand asset: a recipe drawn live, with a public code, a creator and exactly one owner.
Ideat ja trenditGradient trends 2026: six directions worth using
7 min lukuaika
Gradients did not go away this year. They got quieter, grainier, darker and more personal. Here are the directions that hold up, each with a look you can copy.
LiukuväritLinear, radial, conic and mesh: every type of gradient explained
5 min lukuaika
Every gradient moves colour along a path. Change the path and you change the feeling. Here is each type, what it looks like, the code for it and the job it does best.
VäritVäriympyrän käyttö paletin valintaan
4 min lukuaika
Väriympyrä on värien vanhin työkalu ja yhä hyödyllisin. Tässä kerrotaan, miten sellaisen luet, miksi maalarin ympyrä ja näytön ympyrä ovat eri mieltä ja miten siitä tehdään paletti.
BrändäysVisual identity vs brand identity vs logo
5 min lukuaika
Three terms that get used as if they meant the same thing. They don't, and the difference explains why a new logo so rarely fixes a brand that nobody recognises.
SomeInstagram post sizes: every format, and which to use
5 min lukuaika
Instagram accepts several shapes, but they don't all perform the same job. Here is every format, when to use each, how the profile grid crops them, and how to export so they stay sharp.
Typografia ja tekstiFont pairing: simple rules that work
5 min lukuaika
Two typefaces that look good alone can fight when they share a page. A few rules, and a handful of proven pairs, take the guesswork out of it.
TaustatPresentation backgrounds that don’t fight your slides
5 min lukuaika
Most slide backgrounds are chosen for the title slide and then suffer through forty content slides. Design a small family instead: loud where it can be, quiet where people need to read.
CSS ja verkkoCSS radial-gradient: muodot, koot ja paikat
4 min lukuaika
radial-gradient() piirtää värin ulospäin pisteestä. Tässä jokainen sen osa elävin esimerkein sekä kerrostamistemput pehmeiden hehkujen, valokeilojen ja vinjettien takana.
LiikeSeamless loop video: how to make one that never jumps
6 min lukuaika
A loop that jumps once every ten seconds is worse than no motion at all. The fix is not a better editor; it is motion designed to come home.
Tekoäly ja suunnitteluTekoälyllä brändi-identiteetti: mitä tekoäly osaa ja mikä vaatii sinut
4 min lukuaika
Tekoäly antaa mielellään logon, paletin ja iskulauseen ennen kuin kahvisi jäähtyy. Se, muodostavatko ne brändin, on yhä sinun työtäsi.
Gradientlyn käyttöHow to find and claim a Mark
5 min lukuaika
Twenty thousand Marks, one of them right for you. Here is how to search the Market well, test a Mark on your own words, and make it yours.
Ideat ja trenditGraphic design trends 2026 worth using, and how to use them
6 min lukuaika
Four big directions are shaping design this year. Each can make a brand feel current, and each can date it by next spring. Here is how to tell the difference.
LiukuväritMesh gradients: what they are and how to make one
5 min lukuaika
Mesh gradients are the soft, drifting colour fields behind half the launch pages you have seen this year. Here is how they work, how to build one by hand, and the two mistakes that ruin most of them.
VäritVastavärit: kontrasti, joka silti tuntuu tasapainoiselta
4 min lukuaika
Vastakkaiset värit antavat vahvimman kontrastin, jonka väri voi tarjota, ja nopeimman tien suunnitelmaan, joka humisee, tai sellaiseen, joka huutaa. Ero on suhteessa ja vaaleudessa.
BrändäysHow to create a brand identity in a weekend
5 min lukuaika
You don't need three months and an agency to look like a real brand. You need two focused days, a clear order of decisions and the discipline to stop when it's good enough.
SomeInstagram Story size and safe zones
4 min lukuaika
A story fills the whole phone screen, and Instagram lays its own interface over the top and bottom. Here is the size, the zones to keep clear, and how to design inside them.