Menu Search
Jump to the content X X
Smashing Conf New York

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Gorgeous Examples of Floral Typography

Floral typography is the technique that combines typography, calligraphy and lettering to create dynamic, “flourishing” designs. With the help of floral elements you can create very tempting and vivid artworks in which the typography seems to be shaped by plants and flowers. In this way you can convey your message in a very artistic way. In fact, various floral ornaments – which are the essential component of floral typography – can make the design stand out and help the artist to create inspiring, refreshing and thought-provoking pieces of art.

You may want to take a look at related articles:

Below you’ll find a beautiful collection of floral typography and also some outstanding tutorials that will help you to master the technique or at least get some understanding of how this technique can be used. Please feel free to explore the further works of the artists presented below as well.

Floral Typography Examples Link

Anybody Seen my Baby4

Screenshot5

BlackOut6

Screenshot7

Ginger Monkey Design8

Screenshot

Siscott9

Screenshot10

White11

Screenshot12

Gig Poster13

Screenshot14

Spring15

Screenshot16

Love17

Screenshot18

Deja VU19

Screenshot20

Keep Reno Green21

Screenshot22

Glamour23

Screenshot24

Logan25

Screenshot26

Soft Type27

Screenshot28

Narani6729

Screenshot30

My Fake Cover31

Screenshot32

Slow progress…33

Screenshot34

The Mask of Sorrow35

Screenshot36

For Right Wrong3937

Screenshot38

For Right Wrong3937

Screenshot40

The Good Die Young41

Screenshot42

A New Leaf

Screenshot

Summer Exhibition43

Screenshot44

Floral Love

Screenshot

Black and white45

Screenshot46

Nokia47

Screenshot48

Excellence49

Screenshot50

Inspire51

Screenshot52

D+G Vector and Drawing53

Screenshot54

Decogrunge Type Treatment55

Screenshot56

Designers don’t commit crimes

Screenshot

A1 paper cut illustration57

Screenshot58

Using mixed media59

Screenshot60

Christmas present – SiScott style61

Screenshot62

Tipo 0463

Screenshot64

MT Ornamental Type Design65

Screenshot66

Narani6729

Screenshot68

Word69

Screenshot70

Funkrush71

Screenshot72

i Love Art73

Screenshot74

Dont Panic75

Screenshot76

Leo Burnej77

Screenshot78

Hide and Seek79

Screenshot80

Yulia Brodskaya81

Screenshot82

Screenshot83

Chaz Maviyane-Davies

Screenshot

sumeco84

Screenshot85

Debra Bishop86

Screenshot87

Hello88

Screenshot89

Floral Alphabets90

Screenshot91

Trust92

Screenshot93

Type Art94

Screenshot95

Graphic Design Everywhere96

Screenshot97

Play98

Screenshot99

Esquire100

Screenshot101

Silk102

Screenshot103

I love you104

Screenshot105

Chanel 4 25th Anniversary Book106

Screenshot107

Type108

Screenshot109

Floral Typography Tutorials Link

Create a 3D Flowery Text Effect

Screenshot

Stylish Floral Typography110

Screenshot111

Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop112

Screenshot113

Create a Spectacular Grass Text Effect in Photoshop114

Screenshot115

Super Cool Frilly Bits Typography116

Screenshot117

Old School Type – Line Gradients118

Screenshot119

Dynamic Recessed Watercolor Typography in Photoshop120

Screenshot121

How to Create a Richly Ornate Typographic Illustration122

Screenshot123

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2013/08/beautiful-typography-web-design/
  2. 2 https://www.smashingmagazine.com/2013/05/typographic-design-patterns-practices-case-study-2013/
  3. 3 https://www.smashingmagazine.com/2016/03/meaningful-web-typography/
  4. 4 http://www.behance.net/Gallery/Anybody-seen-my-baby/85767
  5. 5 http://www.behance.net/Gallery/Anybody-seen-my-baby/85767
  6. 6 http://www.behance.net/Gallery/Blackout/169944
  7. 7 http://www.behance.net/Gallery/Blackout/169944
  8. 8 http://www.gingermonkeydesign.com/
  9. 9 http://www.graphic-exchange.com/exellence/siscott.htm
  10. 10 http://www.graphic-exchange.com/exellence/siscott.htm
  11. 11 http://www.behance.net/Gallery/White_-word_/90168
  12. 12 http://www.behance.net/Gallery/White_-word_/90168
  13. 13 http://www.flickr.com/photos/johnquinn/3380705598/
  14. 14 http://www.flickr.com/photos/johnquinn/3380705598/
  15. 15 http://www.behance.net/Gallery/spring/93058
  16. 16 http://www.behance.net/Gallery/spring/93058
  17. 17 http://www.behance.net/Gallery/complicated-love/173139
  18. 18 http://www.behance.net/Gallery/complicated-love/173139
  19. 19 http://www.behance.net/Gallery/Deja-vu/135910
  20. 20 http://www.behance.net/Gallery/Deja-vu/135910
  21. 21 http://www.behance.net/Gallery/Keep-Reno-Green/170025
  22. 22 http://www.behance.net/Gallery/Keep-Reno-Green/170025
  23. 23 http://www.behance.net/Gallery/glamour/93062
  24. 24 http://www.behance.net/Gallery/glamour/93062
  25. 25 http://www.behance.net/Gallery/Renault-Logan/50380
  26. 26 http://www.behance.net/Gallery/Renault-Logan/50380
  27. 27 http://shinybinary.deviantart.com/art/Soft-type-50771132
  28. 28 http://shinybinary.deviantart.com/art/Soft-type-50771132
  29. 29 http://www.behance.net/Gallery/Typography/128149
  30. 30 http://www.behance.net/Gallery/Typography/128149
  31. 31 http://www.behance.net/Gallery/My-fake-cover-(logo)/91761
  32. 32 http://www.behance.net/Gallery/My-fake-cover-(logo)/91761
  33. 33 http://www.flickr.com/photos/matt_in_a_field/3258005523/
  34. 34 http://www.flickr.com/photos/matt_in_a_field/3258005523/
  35. 35 http://www.behance.net/Gallery/Magazine-Work/125104
  36. 36 http://www.behance.net/Gallery/Magazine-Work/125104
  37. 37 http://www.graphic-exchange.com/exellence/siscott.htm
  38. 38 http://www.graphic-exchange.com/exellence/siscott.htm
  39. 39 http://www.graphic-exchange.com/exellence/siscott.htm
  40. 40 http://www.graphic-exchange.com/exellence/siscott.htm
  41. 41 http://www.graphic-exchange.com/exellence/siscott.htm
  42. 42 http://www.graphic-exchange.com/exellence/siscott.htm
  43. 43 http://www.graphic-exchange.com/exellence/siscott.htm
  44. 44 http://www.graphic-exchange.com/exellence/siscott.htm
  45. 45 http://www.flickr.com/photos/jmgarrido/3028604199/
  46. 46 http://www.flickr.com/photos/jmgarrido/3028604199/
  47. 47 http://www.behance.net/Gallery/Nokia/84993
  48. 48 http://www.behance.net/Gallery/Nokia/84993
  49. 49 http://www.graphic-exchange.com/exellence/siscott.htm
  50. 50 http://www.graphic-exchange.com/exellence/siscott.htm
  51. 51 http://firetongue8.deviantart.com/art/Inspire-wallpaper-95176146
  52. 52 http://firetongue8.deviantart.com/art/Inspire-wallpaper-95176146
  53. 53 http://lee25.deviantart.com/art/D-G-Vector-and-Drawing-41516669
  54. 54 http://lee25.deviantart.com/art/D-G-Vector-and-Drawing-41516669
  55. 55 http://www.behance.net/Gallery/Decogrunge-Type-Treatment/52665
  56. 56 http://www.behance.net/Gallery/Decogrunge-Type-Treatment/52665
  57. 57 http://www.behance.net/Gallery/Futura/45576
  58. 58 http://www.behance.net/Gallery/Futura/45576
  59. 59 http://www.behance.net/Gallery/Illustrated-type/133204
  60. 60 http://www.behance.net/Gallery/Illustrated-type/133204
  61. 61 http://www.flickr.com/photos/florian_schmucker/345971693/
  62. 62 http://www.flickr.com/photos/florian_schmucker/345971693/
  63. 63 http://www.flickr.com/photos/23381789@N07/2604065463/
  64. 64 http://www.flickr.com/photos/23381789@N07/2604065463/
  65. 65 http://www.behance.net/Gallery/MT-Ornamental-Type-Design/108376
  66. 66 http://www.behance.net/Gallery/MT-Ornamental-Type-Design/108376
  67. 67 http://www.behance.net/Gallery/Typography/128149
  68. 68 http://www.behance.net/Gallery/Typography/128149
  69. 69 http://www.behance.net/Gallery/Word/107437
  70. 70 http://www.behance.net/Gallery/Word/107437
  71. 71 http://lee25.deviantart.com/art/Funkrush-Final-35267348
  72. 72 http://lee25.deviantart.com/art/Funkrush-Final-35267348
  73. 73 http://degodson.deviantart.com/art/i-Love-Art-119101046
  74. 74 http://degodson.deviantart.com/art/i-Love-Art-119101046
  75. 75 http://www.behance.net/Gallery/Plastic-Illusions/135588
  76. 76 http://www.behance.net/Gallery/Plastic-Illusions/135588
  77. 77 http://www.behance.net/Gallery/Leo-Burnett/85464
  78. 78 http://www.behance.net/Gallery/Leo-Burnett/85464
  79. 79 http://www.behance.net/Gallery/Typography/83203
  80. 80 http://www.behance.net/Gallery/Typography/83203
  81. 81 http://www.artyulia.com/index.php/Illustration
  82. 82 http://www.artyulia.com/index.php/Illustration
  83. 83 http://www.artyulia.com/index.php/Illustration
  84. 84 http://www.sumeco.net/
  85. 85 http://www.sumeco.net/
  86. 86 http://www.thinkingwithshakespeare.org/index.php?id=21
  87. 87 http://www.thinkingwithshakespeare.org/index.php?id=21
  88. 88 http://www.behance.net/Gallery/Typography/83203
  89. 89 http://www.behance.net/Gallery/Typography/83203
  90. 90 http://www.behance.net/Gallery/Typography/83203
  91. 91 http://www.behance.net/Gallery/Typography/83203
  92. 92 http://www.behance.net/Gallery/Trust_/53481
  93. 93 http://www.behance.net/Gallery/Trust_/53481
  94. 94 http://www.behance.net/Gallery/Type-Art/146079
  95. 95 http://www.behance.net/Gallery/Type-Art/146079
  96. 96 http://www.behance.net/Gallery/graphic-design-everywhere/109738
  97. 97 http://www.behance.net/Gallery/graphic-design-everywhere/109738
  98. 98 http://www.behance.net/Gallery/DiR/174882
  99. 99 http://www.behance.net/Gallery/DiR/174882
  100. 100 http://www.behance.net/Gallery/Esquire/85462
  101. 101 http://www.behance.net/Gallery/Esquire/85462
  102. 102 http://www.behance.net/Gallery/silk/93372
  103. 103 http://www.behance.net/Gallery/silk/93372
  104. 104 http://www.behance.net/Gallery/key-(i-love-you)/184046
  105. 105 http://www.behance.net/Gallery/key-(i-love-you)/184046
  106. 106 http://www.behance.net/Gallery/Chanel-4--25th-Anniversary-Book/53853
  107. 107 http://www.behance.net/Gallery/Chanel-4--25th-Anniversary-Book/53853
  108. 108 http://www.behance.net/Gallery/Type-(update)/81540
  109. 109 http://www.behance.net/Gallery/Type-(update)/81540
  110. 110 http://psdlearning.com/2008/09/stylish-floral-typography/
  111. 111 http://psdlearning.com/2008/09/stylish-floral-typography/
  112. 112 http://www.psdvault.com/text-effects/create-an-ancient-typography-with-dry-soil-texture-and-floral-brushset-in-photoshop/
  113. 113 http://www.psdvault.com/text-effects/create-an-ancient-typography-with-dry-soil-texture-and-floral-brushset-in-photoshop/
  114. 114 http://psdtuts.com/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop/
  115. 115 http://psdtuts.com/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop/
  116. 116 http://abduzeedo.com/super-cool-frilly-bits-typography
  117. 117 http://abduzeedo.com/super-cool-frilly-bits-typography
  118. 118 http://www.gomediazine.com/tutorials/old-school-type-line-gradients/
  119. 119 http://www.gomediazine.com/tutorials/old-school-type-line-gradients/
  120. 120 http://psdtuts.com/tutorials/designing-tutorials/dynamic-recessed-watercolor-typography-in-photoshop/
  121. 121 http://psdtuts.com/tutorials/designing-tutorials/dynamic-recessed-watercolor-typography-in-photoshop/
  122. 122 http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-a-richly-ornate-typographic-illustration/
  123. 123 http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-a-richly-ornate-typographic-illustration/

↑ Back to top Tweet itShare on Facebook

Aquil Akhter is a web graphic designer and has been working in this field for 8 years. He also runs the blog webdesigncore.com, which focuses on free web resources and inspiration for designers and developers.

  1. 1

    XHTML Candy

    May 23, 2009 11:23 am

    Great list of typography. just awesome.

    0
  2. 2

    Thanks a lot. Nice Collection.

    0
  3. 3

    great list, it’s good that you guys keep the standards up for selecting stuff others will spend time viewing, thanks

    0
  4. 4

    Floris Fiedeldij Dop

    May 23, 2009 12:12 pm

    Sigh, now I will spend another week in ps/cs4 forgetting about the world.

    0
  5. 5

    I think photos has gone slightly inside from right hand side? i am right? beautiful collection of typography

    0
  6. 6

    Ida Aalen / @idaAa

    May 23, 2009 12:48 pm

    This isn’t new, its from the 1750s!

    Hehe, joking aside, it really reminds me of “Rosemaling” (lit. ‘rose painting’):

    From the all-mighty Wikipedia:

    “a form of decorative flower painting that originated in the low-land areas of eastern Norway around 1750, when Baroque, Rengeny and Rococo, artistic styles of the upper class, were introduced into Norway’s rural culture.”

    http://en.wikipedia.org/wiki/Rosemaling

    0
  7. 7

    beautiful work! thanks for sharing.

    0
  8. 8

    Some nice stuff here, although a few do look very similar to one another and some are just not readable. I particularly like the ones with a 3D shadow effect.

    0
  9. 9

    W O N D E R F U L L !

    0
  10. 10

    fan-tas-tic!

    0
  11. 11

    looks like Sy Scott inspired a trend! he did many of the pieces in there, didn’t he? I know Summer Exhibition is his too.

    0
  12. 12

    Chris Berry

    May 23, 2009 3:14 pm

    Some are beautiful to behold, but fail completely at communicating a message since they are totally illegible.

    0
  13. 13

    Beautiful typography! Fav is the “black out” towards the top. Great collection of typography.

    0
  14. 14

    I must be the only one who was bored at the half way point viewing these. They all look the same, and don’t really excite, unless you love looking at the same floral patterns over and over.

    0
  15. 15

    I love Yulia Brodskaya’s work!

    0
  16. 16

    Average Joe

    May 23, 2009 6:18 pm

    I think Tord Boontje started (reinvented) this technique before Sy Scott, then it was used in the demoscene and now everywhere. Amazing stuff, but most of them are really similar.

    0
  17. 17

    awesome!

    0
  18. 18

    Agree with nº14. This selection is coming 2 years too late.
    Time to move on folks.

    0
  19. 19

    Drop the floraluse guys, its a dead trend :)

    Wireless and nature are still nicely done.
    But floral,, nah

    0
  20. 20

    Simply amazing! Wow!

    0
  21. 21

    wow – beautiful !

    0
  22. 22

    Harald Schipper

    May 24, 2009 4:39 am

    Amazing collection! Really love.. wel.. all of them I guess. Especially those by Yulia Brodskaya.

    0
  23. 23

    Very nice.

    But many of this show the common problem of overdoing it. If you add to much to the text, it becomes unreadable, and the whole point is lost.

    0
  24. 24

    WoW!
    no matter what media is behind all these.
    it’s stunning.

    0
  25. 25

    Thoroughly enjoyable post. Fantastic, inspiring collection! Kudos, Aquil Akhter!

    0
  26. 26

    amazing. so inspirational. now I wan t to go and make my own floral typo.

    0
  27. 27

    nice

    0
  28. 28

    amazing work

    0
  29. 29

    This reminds me a lot of the calligraphy examples in the Speedball handbook when buying pen points and supplies in my distant youth!

    0
  30. 30

    I belive it is Leo Burnett not Leo Burnej. Nice list btw.

    0
  31. 31

    WOW!!! Amazing work!!

    0
  32. 32

    Great work…beautifull fonts

    0
  33. 33

    Kate Vickers

    May 24, 2009 4:53 pm

    So beautiful! An inspiration… I’m off to do some of my own design now. ;-)

    0
  34. 34

    I quick skim through and the one that stands out for me is the twillery. Curled paper design.

    0
  35. 35

    I am speechless……..

    0
  36. 36

    I envy :c

    0
  37. 37

    wow! breathtaking stuff!!!! amazing

    0
  38. 38

    Quakeulf >:3

    May 24, 2009 11:57 pm

    I feel the neo-hippies glee and drool over this. Oh look, there’s even a peace-sign thrown in there! Love and peace man, love and peace. B3

    0
  39. 39

    it´s Si Scott, not Sy Scott.
    Look at the new stuff that Si Scott is creating, i think it is way better than his old stuff and he add images of animals also.

    0
  40. 40

    One of the best posts ever.

    0
  41. 41

    so 2008

    0
  42. 42

    very beautiful and inspiring post, I wonder if there are other post on this subject and if there are tutorials to learn a bit…

    0
  43. 43

    Webdesgin News

    May 25, 2009 2:29 pm

    Inspiring

    0
  44. 44

    Aaron Mc Adam

    May 25, 2009 6:26 pm

    These are beautiful, though I’m not sure about legibility! lol

    0
  45. 45

    WOW! very beautiful… is there any tutorial for those?

    0
  46. 46

    Love this article. Great stuff Smashing!

    0
  47. 47

    Sid Armstrong

    May 26, 2009 6:04 am

    Thank you for sharing.. Love the “A New Leaf”, and how it just stands with 3D..

    0
  48. 48

    Cathedral Graphic Design

    May 26, 2009 11:10 am

    Hey, it may be an old trend, but it sure deserves to live on! I love retro floral, art noveau influences et cetera. This post is nice to look at.

    Yes, many of them are impossible to read… it obscures the “message” if the message is anything but ornament; somehow I think that many of these (and the less legible ones) are showing off illustration skill rather than trying to communicate a message – such as “type art.” Yes, we can see it’s art (although the type side is doubtful) without having to read the obscured words…

    Overall, I enjoyed seeing this post, thanks Smashing!

    0
  49. 49

    Endless Art

    May 27, 2009 12:32 am

    Nice work
    dis is one the best work i have c……. the word cant help me at this time

    ………….

    0
  50. 50

    This was actually a beautiful collection of typography. They were all great examples of floral typography. Some of them have been circulating for a couple of years, but if they’ve survived that long, they have to have some merit. The one that amazed me the most was “Silk”. I agree with some of the above comments in how the message of some works was obscured by the artwork itself, and were, in fact, overly bearing, but beautiful in the least.

    0
  51. 51

    Piyush Poddar

    May 27, 2009 10:04 pm

    Absolutely Jaw Dropping!

    0
  52. 52

    Loads of repeated entries!

    0
  53. 53

    Wow florals done right. And I normally HATE florals. DO NOT PUT OUT A TUTORIAL on this. Let the kiddies learn the hard way.

    0
  54. 54

    Great for inspiration!

    0
  55. 55

    Yeah, pretty boring stuff mostly, and almost all of these look exactly the same.

    Also, just to be pedantic, most of them aren’t floral either, they’re decorative, and none of them serve any purpose.

    Form has to follow function. If you don’t know that, you shouldn’t be designing anything.

    0
  56. 56

    Nice work, but can I make a suggestion? I think you should link the illustrations to the artist’s website, not to any blog. And many of these illustrations are from Si Scott…

    0
  57. 57

    I’m in loooove. Fantastic list. I was going to suggest Yulia if you didn’t have her’s, but you do, which makes this list even more awesome. Thanks for sharing!

    0
  58. 58

    I am a fan of julia brodskaya and her work is exquisite, i love the white materialshe uses in the magic lphoto.

    0
  59. 59

    Buenísimo!

    0
  60. 60

    Ashely Adams : Sticker Printing

    June 11, 2009 10:49 pm

    What a marvelous list! It’s simply fascinating. Floral designs always come across as enigmatic and have a certain air of mystery and hypnotic beauty about them. I’m sure that some of these designs took a considerable amount of time and effort to be created. But the end-effect more than justifies the hardship! They are beautiful!

    0
  61. 61

    There all absolutly amazing, im a really big fan of floral patterns and at the moment im completing my gcse art work. I really like how youve done them all!

    0
  62. 62

    Fascinating ! I’ve got floral typography on my website as well

    0
  63. 63

    Ida Aalen thanks for the Rosemaling info. Neat stuff :)

    0
  64. 64

    awesome work !!! I love typo!!

    0
  65. 65

    I “hate” seeing these kind of post. Why god didnt give me 25% of these people creativity :)

    good post!

    0
  66. 66

    really awesome one , excellence creativity, if i can do it , great work of creativity.

    0
  67. 67

    Hi,

    Can anybody give me above Typography Tutorials.

    Plzzzzzzzzzzzzzzzz Ill be very much thankful to all.

    Thanks

    0
  68. 68

    Fantastic! I wish if there were any tutorials how did they create floral typography…

    0
  69. 69

    Awesome collection… I love it :D

    0
  70. 70

    Badreddine

    May 1, 2011 5:30 pm

    I really like this collection, awesome artworks… Thanks a lot :)

    0

↑ Back to top