Most studios hand you a picture of a website.
Praxis designs in the browser, so nothing is lost in handoff — because there is no handoff. Flip the redline switch above and read the tokens behind every decision on this page.
Four rules the work is built on
-
P-01Type first, chrome never
The scale on this page is a clamped modular ramp tuned between 360px and 1440px — no breakpoint jumps, no orphaned mid-sizes. The display face is Bricolage Grotesque because its ink traps still read at 96px. If a layout needs a drop shadow to hold together, the layout is wrong.
-
P-02Tokens, or it didn't happen
Every color, size, and gap here is a CSS custom property —
--redline,--step-5,--space-7. Not for purity: so a rebrand is a twelve-line diff instead of a three-week rewrite. The trade-off is real — tokens slow the first week and repay it every week after. -
P-03Motion is a budget; spend it once
One signature interaction per page. Transform and opacity only, 350ms or under, and every frame of it sits behind
prefers-reduced-motion. Scroll-jacking is a firing offense. Restraint is what makes the one moment land. -
P-04Ship at 360px
Every Praxis build is designed at its narrowest width first; the widescreen layout is the adaptation, not the source of truth. You give up one cinematic hero. You keep every user on a three-year-old phone with a cracked screen.
One person, on purpose
Praxis is Adel Marek — a designer who got tired of watching careful Figma files die in handoff, so the deliverable changed: the mockup is now the merge request.
Adel argues about kerning in code review, keeps a folder of screenshots titled evidence, and believes the browser inspector is the most honest design tool ever shipped. Praxis takes one project at a time, because taste doesn't parallelize.
Approve for construction
Tell Praxis what you're building and what it has to survive. Replies within two working days, in complete sentences.
studio@praxis.design No decks. A paragraph and a repo link beat both.