Design System

Work in progress. I'm adding components as I go, following patterns from what's already documented. Nothing here is set in stone yet.

Contact

Contact form and CTA. The form itself is structural, but lives inside a themed section.

Contact

Organism

Full contact section combining description text and an interactive form (SolidJS).

Structure

<section id="contact"> Main container with animation attribute
<h2> Section title
.contact-content Flexbox container
.contact-description Left column with intro text
<ContactForm /> SolidJS form component

ContactForm

Organism

Interactive contact form powered by SolidJS and Modular Forms.

Preview

Réponse sous 24–48h.

Demo mode — form submission is disabled.

Props

PropTypeDescription
accessToken string Web3Forms API access key

FloatingContact

Organism

Mobile-only sticky contact button that appears at the bottom of the screen. Auto-hides when the contact section is visible.

Behavior

ConditionStateCSS
Desktop (>600px) Hidden display: none
Mobile, #contact not visible Visible Default styles
Mobile, #contact in viewport Hidden .current class added

kinoo.dev · Design System