Retrospring is shutting down on 1st March, 2025 Read more

kate 🎧 · 4mo

hey girl, hope im not a bother but how did you make navigation signs on the lower part of the console on the https://pin.it/683HibOCX carrd (cross, those dots, arrow and that thingy next to them) thx xx

hiii! so this is gonna be a long answer but how i made the cross was i took a new button element, give it the light blue background and the dark blue drop shadow (i’ll list down the drop shadow particulars below). i made the top part of the cross like this. then i added another button element and added three buttons to that. set the spacing to zero or 0.125 (this depends on how it looks on your device) and put in the same particulars as the previous top part of the cross. then i copied the top part of the cross and put it below the three buttons i just made. that’s the cross.
button settings: (this applies to all of the cross and dot buttons)
inner bg colour: #dff0ff
drop shadow: #cddef1, angle: 90, size: 0.125, distance: 0, blur: 0.
spacing: zero or 0.125
hover: #cfeaff

now onto the arrows these are just simply pink buttons with having a circle solid backdrop. the thing next to the arrow (the oval shaped button) is just another button:
height: 1
width: 2.25
colour: #FFE3ED
gradient: #facbdd, angle: 45, stop 1: 0, stop 2: 100
drop shadow: #f9d7e2, size: 0.125, angle: 90, blur: 0, distance: 0
corner rounding: 2.5 (max)
label colour: #FFFFFF00

here is the web archive of that crd since i have deleted it now :") it might help you. https://web.archive.org/web/20240521152715/https://shimhyewon.carrd.co/#

sorry for the long ass answer but i hope this helps. have a good day!

Retrospring uses Markdown for formatting

*italic text* for italic text

**bold text** for bold text

[link](https://example.com) for link