Features · Speculative · Not Wired to Bookings
Button Gallery
Fully custom buttons — no FareHarbor style/color constraints anymore, confirmed unnecessary by the old live site's own buttons. Nothing here is a proposed final choice, this is a wide net. Functionally inert: every link is a dead ‘#’.
Retro Square — Old Site, Recreated
Pulled directly from the live old site via inspection: background #DD9933, 0px border-radius, white text.
Exact recreation
bg #DD9933, radius 0, weight 400
Bolder wordmark
Same colors, bold + tracking
Teal square
Same shape, brand teal instead
Navy square
Dark variant, cream text
Neon Glow
Dark background, colored border + text, box-shadow bloom that intensifies on hover.
Glassmorphism
Translucent background + backdrop-blur — needs a busy backdrop to actually read as glass.
Gradient Shift
Background gradient that slides on hover via background-position transition.
Brutalist
Hard offset shadow, no blur, thick border — presses flat on click.
Outline, Fills on Hover
Starts transparent with just a colored border, solidifies on hover.
3D Press
A visible bottom edge gives it real thickness — flattens on click like a physical button.
Neumorphic Soft
Same color as its background, molded look from a light-source shadow pair.
Sticker / Bubble
Thick white outline + drop shadow, playful bounce and slight tilt on hover.
Handwritten Marker
Casual, slightly imperfect — no filled button, small tilt.
Dashed underline
border-b-dashed, slight rotate, no fill
Highlighter fill
Solid marker-stroke behind text, no border
Liquid Blob
Asymmetric, organic border-radius that morphs into a different blob shape on hover.
Minimal Text
No background or border at all — just text with a subtle motion cue on hover.
Rotating Conic Border
A multicolor gradient ring continuously rotates around a solid inner button.
Ambient Breathing Glow
Pulses continuously on its own, not just on hover — draws the eye without interaction.
Ticket Stub
Perforated-edge notches, like a real event ticket — fits 'booking an experience.'
Glossy Water Bead
Skeuomorphic glossy bead — bright highlight streak, fitting for a water-sports business.
Color Split
Two colors divide the button — the split shifts on hover.
Wood Grain
Textured, warm — evokes a paddle/surf-shop physical object rather than a flat digital pixel.
Wave Edge
A scalloped bottom edge suggesting water/wave motion, not a straight border.
Metallic Chrome
A shimmer sweeps continuously across a brushed-metal gradient.
Torn Paper Edge
A jagged, hand-torn edge on one side instead of a clean rectangle.
Torn cream
clip-path polygon, irregular edge
Retro Pixel / 8-bit
Chunky pixelated border and hard drop-shadow, monospace label — arcade-game aesthetic.
Scrolling Marquee
Text loops continuously within the button — grabs attention through motion, not color.
Ticker tape
duplicated text, translateX keyframe loop
State-Aware (Click It)
The one button on this page safe to actually click — real loading → confirmed cycle.
Loading → confirmed
useState cycle, real click allowed