02 Design
A look that belongs to you and can't be mistaken for anyone else's.
Design is the leaf we coloured gold. We start from what makes you different, pick type and colour that carry it, and then design every screen, state and transition, including the error messages and the empty pages most teams forget.
What you get
Visual identity
Logo, colour, type and the rules for using them, or a careful refresh of the ones you already have.
Interface design
Every page at phone, tablet and desktop widths, with hover, focus, loading, empty and error states drawn.
Motion language
How things move and why: the eases, the timings and the moments that deserve animation.
Design system
Tokens and components your team can extend without asking us, documented where they live.
One word, multiple expressions.
Every brand deserves its own look, so we keep a wide range on hand. Here is the same poster set six different ways; pick a style and watch it change.
Felixis Web Solutions
Felixis
Websites, brands and web apps.
- Type
- Archivo, Black and Medium
- Colour
- #F1F0EB#111111#E4002B
- Grid
- 12 columns, flush left, ragged right
- Idea
- One family, a strict grid and red as the only colour.
A palette that checks itself
One hue, six steps in OKLCH, and a live contrast check on every swatch.
Type scale
Pick a base size and a ratio. Every step of the scale renders in the brand face.
Leaf 2 of 4
Design is the second leaf. Each one can be booked on its own, but the work goes furthest when all four grow together.
Questions people ask
Will it look like this website?
No. This site is designed around the Felixis clover. Yours starts from your brand, and the Range stage above shows how far apart two directions can sit.
Do you design in the browser?
Early, yes. Layouts start as static frames, but motion and responsive behaviour are hard to judge until they run, so we move into code sooner than most.
How many rounds of changes are included?
We agree it per project. Most changes are cheap when the strategy is settled, which is why that leaf comes first.
Got a project that needs all four leaves?
Tell us what you are making in four short steps. The brief lands straight in our inbox.
Start a project