Saved references
Websites worth learning from, with notes on their style, useful patterns, and related components.
- Geometric identity studiesgithub.com
The user shared ten screenshots as favicon candidates and asked, "thoughts on any of these?" They also want an interesting image when sharing the site. They rejected the generated Loop/Echo/Spring proposals, saying "nah i dont like these" and asking for a cool, simple logo that can be sourced online. They selected option B, Phosphor Diamonds Four Fill, for now, asking for a sharp, design-focused museum/gallery feel and possible thin-line treatments.
TechnicalRefinedExperimental2 related - UGC Contractsugccontracts.com
My friend made this site which has so many animations and other things — shared as a reference for a stronger first impression and richer motion on Design Infra. The useful direction is coordinated, product-specific interaction; the user separately requested removing music from our homepage.
RefinedTrustworthyPlayful8 related - Motionmotion.dev
The user says: "I like the motions up top and how my cursor influences it." They want that expressive interaction on the existing design-infra homepage.
TechnicalPlayfulBold4 related - Breakthrough Energywww.breakthroughenergy.org
The user calls this "clean"; its strong typographic hierarchy and intentional compositions show that clean can include vivid accents and substantial motion.
RefinedEditorialBold8 related - Vela Energywww.velaenergy.ai
The user calls this "clean"; use it as a reference for purposeful typography, photography, restrained surfaces and product-led explanations, not a generic preset theme.
RefinedMinimalTrustworthy9 related - Mistral AImistral.ai
Seeded as the reference for "technical / refined AI". It is serious and engineered (visible grid, plain type, no gradients or glow), with a playful pixel-art brand layer that gives it a personality without being cute.
TechnicalRefinedRetro15 related - Rampramp.com
Seeded as the reference for "trustworthy / refined fintech". Calm, credible and current, with no gradients or illustration; proof comes from live numbers, real product UI and named customers.
TrustworthyRefinedMinimal16 related - Stripestripe.com
Seeded as the benchmark for "refined / premium". The craft bar for type weight, spacing, guide-line grids, product UI as illustration and restrained gradient use. Compare every refined landing page against this.
RefinedPremiumTrustworthy17 related - Vantawww.vanta.com
Seeded as the reference for "trustworthy / technical B2B". A security product that feels approachable and confident rather than fearful. The serif-plus-mascot pairing makes it human, and the dense product UI makes it credible.
TrustworthyTechnicalWarm15 related - Linearlinear.app
The benchmark for "refined dark SaaS" — restraint, density, and letting the product itself be the illustration. Seed example for the inspiration layer.
RefinedTechnicalPremium11 related