Advertisement
soxxx

#002 - dark

Aug 15th, 2023 (edited)
27
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.85 KB | None | 0 0
  1. [comment]code by sox
  2.  
  3. fonts used:
  4. [font=Lato]pantone[/font]
  5. [font=Hind]role[/font]
  6. [font=Lato]firstname[/font]
  7.  
  8. ------------------------------------------------------------------------
  9. SET 'swatch' BETWEEN 0-360 DEG TO CHANGE SWATCH TINT
  10.  
  11. APPROX:
  12. 330 - ORANGE
  13. 300 - RED
  14. 280 - PINK
  15. 220 - PURPLE
  16. 170 - BLUE
  17. 120 - TEAL
  18. 50 - GREEN
  19. 30 - LIME
  20. 0 - YELLOW
  21. ------------------------------------------------------------------------
  22.  
  23. [/comment][div=transparent;
  24.  
  25. --swatch: 30deg;
  26. --pancolor: #fff;
  27. --swatchhex: #78a12b;
  28. --namecolor: #fff;
  29. --background: #000;
  30. --stack: #000;
  31. --shadow: #a32f52;
  32. --tm: #fff;
  33.  
  34. --pic: url('https://i.pinimg.com/564x/65/80/5b/65805bada73b4eccb238c1df31f53a51.jpg') 100%/cover;
  35.  
  36. --pantone: Lato;
  37. --role: Hind;
  38. --firstnamename: Lato]
  39. [div=margin:auto; width: 150px; height: 211px; background: var(--background); padding-top: 6.5px; box-shadow: -0.5px -0.5px 1px var(--swatchhex), -2px -2px 0px var(--stack);][div=background: var(--pic); filter: sepia(100%) contrast(1.2) saturate(200%) brightness(70%) hue-rotate(var(--swatch)); background-position: 50% 0%; margin-left: 6.5px; width: 136px; height: 127.5px;][/div][div=margin-left: 11.5px; text-align:left; font-family: var(--pantone); font-weight: bolder; font-size: 20px; text-transform: uppercase; color: var(--pancolor);]pantone[/div][div=position: relative; top: -25px; left: 108px; color: var(--tm); font-size: 10px;]®[/div][div=margin-left: 11.5px; margin-top: -5px; text-align:left; font-family: var(--role); font-size: 12px; color: var(--swatchhex);]The Introvert[/div][div=margin-left: 11.5px; margin-top: -7px; text-align:left; font-family: var(--firstname); font-size: 19px; font-style: italic; color: var(--namecolor);]Nana[/div][div=position: relative; border-radius: 10px; width: 3px; height: 63px; top: -67px; left: 139px; background: var(--swatchhex);][/div][/div][/div]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement